@charset "utf-8";
/* CSS Document */
/*
.viewer_content * {
	padding: 0;
	margin : 0;
}
*/
.viewer_content {
	border-collapse: collapse;
	width: 800px;
	position: relative;
	font:12px Tahoma, Verdana, sans-serif;
	margin-left: -400px;
	left: 50%;
}

/* title & navigation */
.row-1 {
	background:#0a0a0a;
	color:#FFF;
	height:37px;
}
.nav {
	text-align: right;
	padding:10px 15px 10px 0 !important;
}
.nav A {
	color:#FFF !important;
}
.nav A:hover {
	color: #e3e865;
}
#pic_name {
	font-weight:bold;
	padding:10px 0 10px 15px !important;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
}
/*description & rating */
.row-2 {
	background:#333333;
	color:#FFF;
	height: 40px;
}
.pic_desc {
	overflow: hidden;
	white-space: nowrap;
	width: 500px;
	padding:10px 0 10px 15px !important;
}
#rating_container {
	white-space: nowrap;
	padding:10px 15px 10px 0 !important;
	text-align: right;
}
#rating-stars {
	display: inline;
	width: 85px;
	height: 22px;
	background:url(/files/usr/photoskins/javascript_viewer/images/stars_bg.gif) 100% 0% no-repeat; zoom: 1;
	-moz-padding-start: 4px;
}
#rating-stars img, #rating-stars a {
	width: 17px;
	height: 22px;
	vertical-align: -4px;
}
#rating-stars a {
	margin-left : -4px !important;
}
#rating-stars a.first {
	margin-left  : -4px !important;
}
#spacer {
	display: inline;
	background:#333333;
	font-size: 14px;
	margin-left: -4px;
	margin-right: -4px;
}

/* image & big navigation */
.row-3 {
	background:#676767;
}
#viewer_area {
	width: 800px !important;
	height: 600px !important;
	left: 50%;
	margin-left: -400px;
	position: relative;
}

#pic_left {
	z-index: 65500;
	width: 120px;
	position:absolute;
	height:600px;
	margin-top: -600px;
}
#pic_right {
	z-index: 65500;
	width: 120px;
	position:absolute;
	height:600px;
	margin-top: -600px;
	margin-left: 680px;
}

#pic_left a:hover img {background:url(/files/usr/photoskins/javascript_viewer/images/arr_left.png) left center no-repeat;}
#pic_right a:hover img {background:url(/files/usr/photoskins/javascript_viewer/images/arr_right.png) right center no-repeat;}
#pic_left a img {width: 120px; height: 600px;}
#pic_right a img {width: 120px; height: 600px;}


/* thumbnails */
.row-4 {
	background-color:#b1b1b1;
}
#images_preview {
	background-color:#b1b1b1;
	padding: 10px;
	padding-bottom:10px;
	margin-top: 5px;
	position:relative;
	width: 100%;
	height: 110px;
}
#images_preview img {
	border:#000 solid 1px;
	margin: 2px;
}
#images_preview img.viewing {
	border:#FFF solid 5px;
}

/* slideshow button */
.row-5 {
	background-color:#b1b1b1;
}
#btn_start {
	margin-top: 10px;
	background:transparent url(/files/usr/photoskins/javascript_viewer/images/butt_start_slideshow.png) no-repeat center top;
	width:126px;
	height:26px;
}

#btn_start a {
	display:block;
	text-indent:-9999px;
	width:126px;
	height:26px;
}

#btn_start:hover {
	background-position:center bottom;
}


#btn_stop {
	margin-top: 10px;
	background:transparent url(/files/usr/photoskins/javascript_viewer/images/butt_stop_slideshow.png) no-repeat center top;
	width:126px;
	height:26px;
}

#btn_stop a {
	display:block;
	text-indent:-9999px;
	width:126px;
	height:26px;
}

#btn_stop:hover {
	background-position:center bottom;
}

/* comments title */
.row-6 {
	background:#333333;
	color:#FFF;
	height: 40px;
}
#comments-title {
	font-weight:bold;
	padding:10px 0 10px 15px;
}
#comments-link{
	font-weight:bold;
	text-align: right;
	padding:10px 15px 10px 15px;
}
#comments-link A {
	color:#FFF;
}
#comments-link A:hover {
	color: #e3e865;
}

/* comments and form */
.row-8 {
	background:#eaeaea;
	font-size:11px;
}
#comm_block {
	padding: 5px 5px 10px 17px !important;
}
.comment {
	margin-top:6px!important;
}
.c_person{
	font-weight:bold;
	margin-right:5px !important;
}

#comm_form {
	margin: 5px 15px 0px 15px!important;
	background:#CCC;
	padding:15px !important;
}
#comm_form label {
	padding-left: 5px !important;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
}
#comm_form input {
	margin-bottom: 5px !important;
}
#comm_form textarea {
	margin-bottom: 10px !important;
	width: 535px;
}