/* @override http://uden.kliknieuws.dev/css/photo.css */

/* @group Main */
#center {
	width: 530px;
}

#right {
	margin-left: 10px;
	width: 162px;
}
/* @end */

/* @group Photo */
.photo {
	width: 533px;
}

.photo .date {
	background: url(/images/sprites.gif) no-repeat -172px -203px;
	color: white;
	float: left;
	font-size: 9px;
	font-weight: bold;
	height: 12px;
	line-height: 12px;
	margin: 3px 9px 0 0;
	text-align: center;
	width: 60px;
}

.photo h1 {
	color: #666;
	font-size: 15px;
	margin-bottom: 5px;
}

.photo .header {
	background: url(/images/sprites.gif) no-repeat -413px -333px;
	height: 27px;
	position: relative;
}

.photo div.new {
	background: url(/images/sprites.gif) no-repeat -413px -333px;
}

.photo div.region {
	background: url(/images/sprites.gif) no-repeat -413px -360px;
}

.photo div.popular {
	background: url(/images/sprites.gif) no-repeat -413px -306px;
}

.photo .content {
	background: url(/images/components/foto_border_bg.gif) repeat-y;
	padding: 9px;
}

.photo .footer {
	background: url(/images/sprites.gif) no-repeat -413px -386px;	
	height: 6px;
	margin-top: -5px;
}

.photo a.new, .photo a.region, .photo a.popular {
	display: block;
	height: 14px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 120px;
}

.photo a.region {
	left: 200px;
	width: 130px;
}

.photo a.popular {
	left: 400px;
	width: 90px;
}
/* @end */

/* @group Photo Show */
.photo .pic {
	float: left;
}

.photo .info {
	float: right;
	width: 162px;
}

.photo .content p {
	padding: 0;
}

.photo .info .header, .photo .info .footer {
	background: url(/images/sprites.gif) no-repeat -777px -202px;
	height: 10px;
}

.photo .info .footer {
	background-position: -777px -209px;
	margin-top: -5px;
}

.photo .info .content {
	background: url(/images/components/half_border_info.gif) repeat-y;
	margin-top: -5px;
	padding: 0 8px;
}

.photo .info th, .photo .info td {
	font-size: 10px;
	padding: 0;
}

.photo .info th {
	color: #666;
	padding-right: 5px;
	text-align: left;
}
/* @end */

/* @group Buttons */
a.tellafriend,
a.report,
a.delete {
	background: url(/images/sprites.gif) no-repeat -4px -258px;
	display: block;
	height: 22px;
	margin-top: 9px;
	width: 146px;
}

a.report {
	background-position: -4px -280px;
	margin: 3px 0 4px 0;
}

a.delete {
	background-position: -776px -232px;	
}

a.upload2,
a.upload3 {
	background: url(/images/sprites.gif) no-repeat -4px -305px;
	display: block;
	height: 77px;
	margin: 0 auto;
	width: 120px;
}

a.upload3 {
	background-position: -143px -305px;
}
/* @end */


/* @group Report Show */
#report_detail {
	
}

.report_navbar {
	
}

.report_overview {
	
}
/* @end */

/* @group Row */
.row_pic {
	margin-bottom: 16px;
}

.row_pic .left {
	float: left;
	text-align: left;
	width: 360px;
}

.row_pic .left img {
	float: left;
	margin: 0 9px 0 0;
}

.row_pic .right {
	float: right;
	width: 141px;
}

.row_pic .right .header {
	background: url(/images/sprites.gif) no-repeat -778px -222px;
	height: 5px;
}

.row_pic .right .content {
	background: #e2e2e2;
	padding: 0 9px 5px 9px;
}

.row_pic .right .footer {
	background: url(/images/sprites.gif) no-repeat -778px -225px;
	height: 5px;
}

.row_pic th, .row_pic td {
	font-size: 10px;
	padding: 0;
}

.row_pic th {
	color: #666;
	padding-right: 5px;
	text-align: left;
}
/* @end */

/* @group Report List */
.photoreport_summary_photos {
	margin-bottom: 18px;
	width: 515px;
}

.photoreport_summary_photos img, .row_pic img {
	border: 1px solid #999;
	padding: 3px;
	margin: 2px;
}

.photoreport_summary_photos img:hover, .row_pic img:hover {
	background-color: #f5dedf;
	border: 1px dotted #bd0000;
}
/* @end */

/* @group Navbar */
.report_navbar {
	background: url(/images/sprites.gif) no-repeat -3px -419px;
	height: 32px;
	margin: 9px 0 0 0;
}

.report_navbar_border {
	background: url(/images/sprites.gif) no-repeat -9px -419px;
	height: 30px;
	margin-left: 5px;
	position: relative;
	width: 510px;
}

.report_navbar .overview {
	background: url(/images/sprites_pijl.gif) no-repeat 0 -164px;
	color: white;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	height: 21px;
	line-height: 15px;
	margin-top: 3px;
	padding: 4px 0 0 30px;
}

.photo_actions {
	float: right;
	margin-right: 5px;
	position: relative;
	text-align: right;
	width: 120px;
}

.photo_actions a.print,
.photo_actions a.download {
	color: white;
	background: none;
	font-weight: bold;
	line-height: 1em;
	padding: 0;
	position: absolute;
	right: 0;
	top: 2px;
}
.photo_actions a.download {
	height: 1em;
	top:  15px;
}
/* @end */