/* Page Nav */
.gallerynav {
	background: #eee;
	width: 100%;
	float: left;
	clear: both;
	padding: 5px 0;
}
.gallerynav table {
	margin: 0;
}
.user_interface {
	font-size: 11px;
	float: left;
	padding: 0 10px;
}
.pagination {
	float: right;
	padding: 0 10px;
}
.gallerynav .pagination {
	padding: 10px;
}
.page_prev, .page_num, .page_next {
	font-weight: bold;
}
.slideshow .pagination {
	width: 100%;
	padding: 0;
}
.slideshow .page_prev {
	float: left;
	padding: 10px;
}
.slideshow .page_next {
	float: right;
	padding: 10px;
}

/* Loading */
#loading_message {
	text-align: center;
	clear: both;
	padding: 20px;
}

/* Image Display */
#image_table, #image_container {
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #ccc;
	border-left: none;
	border-collapse: collapse;
}
#image_container {
	text-align: center;
	padding: 10px;
	border-top: solid 1px #ccc;
}
#image_table td {
	width: 50%;
	vertical-align: top;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ccc;
}
/* MAD August 27, 2010 - added inline and no border for sullivan
hope it prevents problems on other sites down the line */
#image_table img {
	margin: 0 auto;
	display: inline;
	border: none;
}
.captionSpan {
	line-height: 1.2em;
	padding-bottom: 5px;
}
.poster {
	font-size: 10px;
}
.num_votes {
	font-size: 9px;
}

/* User */

.photo_cell {
  width: 130px;
  height: 110px;
  padding: 10px;
  text-align: center;
  vertical-align: bottom;
  border: solid 1px #ccc;
}
.blank_photo_cell {
  width: 130px;
  height: 110px;
  border: solid 1px #ccc;
}

.showPhotoCell{
  width: 130px;
  height: 110px;
  padding: 10px;
  text-align: center;
  vertical-align: bottom;
}

.showBlankPhotoCell {
  width: 130px;
  height: 110px;
}


.approved {
  background-color: #fff;
}
.pending {
  background-color: #eee;
}
.single_image_table{
  border-collapse: collapse;
}
.photo_table {
  border: none;
  border-collapse: collapse; 
}
.userpagination, .userdelete {
	font-size: 12px;
	background: #ddd;
	padding: 5px 10px;
}
.userdelete {
	text-align: center;
}
.myphotos_title {
  padding: 5px; 
  background-color: #eee; 
  padding-left: 8px;
  font-size: 18px; 
  font-weight: bold;
}
#my_photos {
	width: 350px;
	float: left;
}
.caption {
  display: block;
}
.approved .caption a {
  color: green;
}
.pending .caption a {
  color: red;
}
.small {
	font-size: 10px;
	line-height: 1.2em;
}
.imagecapt, .adminimagecapt {
	font-size: 12px;
	border: solid 1px #ccc;
	border-collapse: collapse;
}

/* Admin */

.admin_header_div {
	font-size: 14px;
	font-weight: bold;
	background: #e3e3e3;
	padding: 5px 10px;
}
.adminimagecapt {
	width: 100%;
	margin: 0;
}
.imagecapt td, .adminimagecapt td, .adminimagecapt th {
	padding: 5px 10px;
}
.adminimagecapt th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.adminimagecapt th, .adminimagecapt td {
	border: solid 1px #ccc;
}
.admin_container form {
	margin: 0;
}

/*lightbox styles*/
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999999;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	font-size: 12px;
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 1em;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}
#imageData {
	padding: 2px 10px;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}	
#imageData #caption { 
  font-weight: bold;	
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}			
#imageData #bottomNavClose {
	width: 54px;
	float: right;
	padding-bottom: 0.7em;
}	
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 500px;
	background-color: #000;
}
.explanation{
font-size: 11px;
font-style: normal;
padding-left: 8px;
}