/*
* The actual photo album, which contains all photo slides.
*/
.photoalbum {
	position: relative;
	left: 0px;
	top: 0px;
	width: 460px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.photoslide {
	display: inline-table;
	float: left;
	position: relative;
	width: 142px;
	height: 214px;
	background-color: #ffffff;
	border: 1px #8e8e8e solid;
	margin-right: 14px;
	margin-bottom: 16px;
	overflow: hidden;
}
.photoslide.lastcolumn {
	margin-right: 0px;
}
.photoslide:hover {
	background-color: #eeeeee;
}
.photoslide div {
	display: block;
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	width: 124px;
}
.phototitle {
	font: bold 1.1em/1.4em Arial, sans-serif;
	color: #ffffff;
	background-color: #8e8e8e;
	margin-top: 9px;
	height: 15px;
	text-align: center;
	text-transform: uppercase;
}
.photoimgcontainer {
	display: block;
	margin-top: 5px;
	height: 88px;
	overflow: hidden;
	text-align: center;
}
.photoimg {
	max-width: 124px;
	max-height: 88px;
}
.photodate {
	margin-top: 7px;
	height: 8px;
	text-align: center;
	font: 1.1em Arial, sans-serif;
	color: #930000;
}
.photodescr {
	margin-top: 7px;
	height: 65px;
	overflow: hidden;
}
.photodescr p {
	height: 100%;
}
.photozoomlink {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	white-space: nowrap;
}

/*
* Alternate view for pages with just a single photo on it
*/
.photosingleview {
}
.photosingle {
	display: block;
	position: relative;
	width: 340px;
	height: 304px;
	background-color: #ffffff;
	border: 1px #8e8e8e solid;
	margin-left: 59px;
	margin-right: 51px;
	margin-top: 20px;
	margin-bottom: 16px;
	overflow: hidden;
}
.photosingle div {
	display: block;
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	width: 322px;
}
.photosingle .photodescr {
	height: 155px;
}

/*
* Bar showing the upload link and the links to other photo pages.
*/
.photopagebar {
	display: block;
	clear: both;
	height: 20px;
	margin-bottom: 16px;
	margin-top: 8px;
}
.photouploadlink {
	font-weight: bold;
	cursor: pointer;
	float: left;
}
.photopagelinks {
	float: right;
}
.photopagelinks a {
	color: black;
}
.photopagelinks a:hover {
	color: #fe0000;
}
.photocurrentpage {
	color: #fe0000 !important;
	font-weight: bold;
}


/*
* Form elements
*/
.buttonbar {
	display: block;
	float: right;
	margin-top: 10px;
}
.button {
	display: inline;
	position: relative;
	height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #eaeaea;
	border: 1px #aaaaaa solid;
	cursor: pointer;
	margin-left: 10px;
	margin-top: 5px;
}
.button:hover {
	color: #ff9c00;
}
#photoupload, #tellafriend {
	visibility: hidden; /* hide by default */
	background-color: white;
	border: 10px #aaa solid;
	padding: 10px;
	position: absolute;
	left: 50%;
	width: 460px;
	font-size:12px;
	margin-left: -230px;
	height: 230px;
	z-index: 2000; /* Display on top of any lightbox frames */
}

#photoupload h3 {
	margin:0 0 10px 0; color:#ff9c00; font-size:18px;
}

.content.formulier input.file {
	border: 1px solid #8E8E8E;
	width: 290px;
}