#listing_box {
    padding: 5px !important;
    width: 250px !important;
    height: 275px !important;
    overflow: auto !important;
    border: 2px solid black !important;
}

.directory {
   background: url(images/page-foldericon.png) top left no-repeat !important;
   padding-left: 20px !important;
   font-weight: bold !important;
}

.file {
   background: url(images/page-file.png) top left no-repeat !important;
   margin-left: 1px !important;
   padding-left: 20px !important;
   font-style: italic !important;
}


/***************** SUPER MCPHOTO TIME *******************/
/*                                                      */
/*   Ultra-flexible Photo Gallery CSS. Clean. Yum.      */
/*   Owned by openBook Technologies                     */
/*   August 30, 2006                                    */
/*                                                      */
/*   Written with love by Reid Young                    */
/*   Mad props to Eric for being kinda patient. Kinda.  */
/*   (Not very).                                        */
/*                                                      */
/********************************************************/


/*********** SHARED DEFINITIONS ************/

.module_photo_gallery ul {
	position: relative !important;
	display: block !important;
	clear: both !important;
	list-style-type: none !important;
	font-size: 62.5% !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: auto !important;
	text-align: left !important;
	}

	.module_photo_gallery ul li {
		position: relative !important;
		background: none !important;
		margin: 0 !important;
		}

		.module_photo_gallery ul li span.group {
			position: absolute !important;
			text-indent: -9000px !important;
			width: 11em !important;
			height: 11em !important;
			top: 2px !important;
			left: 2px !important;
			padding: .25em !important;
			background: transparent url(images/fold-bottomright-folder.png) no-repeat bottom right !important;
			}

		.module_photo_gallery ul li div.photo {
			position: absolute !important;
			width: 12em !important;
			background: transparent url(images/dropShadow.png) no-repeat bottom right !important;
			}

			.module_photo_gallery ul li div.photo a {
				display: block !important;
				position: relative !important;
				width: 11em !important;
				top: -5px !important;
				left: -5px !important;
				padding: .5em !important;
				background: white url(images/gradBg.png) no-repeat top left !important;
				text-decoration: none !important;
				border: 0 !important;
				}

				.module_photo_gallery ul li div.photo a img {
					position: relative !important;
					width: 11em !important;
					height: 11em !important;
					top: -1px !important;
					left: -1px !important;
					border: 1px solid #a9a9a9 !important;
					}

			.module_photo_gallery ul li div.title a {
				color: #2a8ac7 !important;
				text-decoration: none !important;
				border: 0 !important;
				}

/*********** <UL CLASS="ICONS"> DEFINITIONS ************/

	.module_photo_gallery ul.icons li {
		float: left !important;
		width: 12em !important;
		height: 15em !important;
		padding: 1.5em 1em !important;
		}

		.module_photo_gallery ul.icons li div.photo {
			display: block !important;
			}

			.module_photo_gallery ul.icons li div.photo a {
				height: 15em !important;
				}

		.module_photo_gallery ul.icons li div.title {
			display: block !important;
			position: absolute !important;
			width: 8.5em !important;
			top: 10.75em !important;
			left: 1em !important;
			overflow: hidden !important;
			height: 2.5em !important;
			text-align: center !important;
			font: 1.25em "Trebuchet MS","Verdana","sans" !important;
			line-height: 1.3em !important;
			}

		.module_photo_gallery ul.icons li p {
			display: none !important;
			}


/*********** <UL CLASS="DETAILS"> DEFINITIONS ************/

	.module_photo_gallery ul.details li {
		position: relative !important;
		padding: 1.5em 1.5em 1.5em 14em !important;
		min-height: 11em !important;
		}

		.module_photo_gallery ul.details li div.photo {
			position: absolute !important;
			margin-left: -13em !important;
			}

			.module_photo_gallery ul.details li div.photo a {
				height: 11em !important;
				}

		.module_photo_gallery ul.details li div.title {
			display: block !important;
			padding: 0 !important;
			margin: .125em 0 .25em 0 !important;
			font: 2.5em "Trebuchet MS","Verdana","sans" !important;
			color: #2a8ac7 !important;
			}

		.module_photo_gallery ul.details li p {
			padding: 0 !important;
			margin: 0 !important;
			display: block !important;
			font: 1.25em "Verdana","sans" !important;
			}


/* LIGHTBOX CSS
 *  by Lokesh Dhakar
 *  http://www.huddletogether.com/projects/lightbox2/
*/

#lightbox{
	position: absolute !important;
	top: 40px !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 100 !important;
	text-align: center !important;
	line-height: 0 !important;
	}

#lightbox a {  border-bottom: 0 !important; }

#lightbox a img{ border: none !important; }

#outerImageContainer{
	position: relative !important;
	background-color: #fff !important;
	width: 250px !important;
	height: 250px !important;
	margin: 0 auto !important;
	}

#imageContainer{
	padding: 10px !important;
	}

#loading{
	position: absolute !important;
	top: 40% !important;
	left: 0% !important;
	height: 25% !important;
	width: 100% !important;
	text-align: center !important;
	line-height: 0 !important;
	}
#hoverNav{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	width: 100% !important;
	z-index: 10 !important;
	}
#imageContainer>#hoverNav{ left: 0 !important;}
#hoverNav a{ outline: none !important; border-bottom: 0 !important; }

#prevLink, #nextLink{
	width: 49% !important;
	height: 100% !important;
	background: transparent url(images/blank.gif) no-repeat !important; /* Trick IE into showing hover */
	display: block !important;
	}
#prevLink { left: 0 !important; float: left !important;}
#nextLink { right: 0 !important; float: right !important;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat !important; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat !important; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif !important;
	background-color: #fff !important;
	margin: 0 auto !important;
	line-height: 1.4em !important;
	}

#imageData{
	padding:0 10px !important;
	}
#imageData #imageDetails{ width: 70% !important; float: left !important; text-align: left !important; }	
#imageData #caption{ font-weight: bold !important;	}
#imageData #numberDisplay{ display: block !important; clear: left !important; padding-bottom: 1.0em !important;	}			
#imageData #bottomNavClose{ width: 66px !important; height: 22px !important; float: right !important; }	
		
#overlay{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 90 !important;
	width: 100% !important;
	height: 500px !important;
	background-color: #000 !important;
	filter:alpha(opacity=60) !important;
	-moz-opacity: 0.6 !important;
	opacity: 0.6 !important;
	}
	

.clearfix:after {
	content: "." !important; 
	display: block !important; 
	height: 0 !important; 
	clear: both !important; 
	visibility: hidden !important;
	}

* html>body .clearfix {
	display: inline-block !important; 
	width: 100% !important;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}