.photo-list-title {
	font-weight:normal;
	border-bottom: 1px solid #CCC;
	line-height: 2.0em;
}

.album-list {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 10px;
	overflow:hidden;
	zoom:1;
	margin-bottom: 5px;
}

.album-list .image {
	float: left;
	margin-right: 20px;
	width: 200px;
	overflow: hidden;
	position:relative;
	text-align:center;
}
.album-list .image .playbtn {
	position:absolute;
	top:45%;
	left:42%;
}
*html .album-list .image .transparent-png {
	display:none;
}
*html .album-list .image .playbtn {
	width:38px;
	height:28px;
}
.album-list .info {
	float: left;
	width: 365px;
	padding-top: 0.5em;
}

.album-list .info h3 {
	font-size: 1.2em;
}
.album-list .info p {
	line-height: 1.5em;
}
.album-list .info p.locked{ background:url(/imgpro/icons/lock-16.gif) left 1px no-repeat; padding-left:20px; color:#e4494a; margin-top:5px}
.album-list .info p.inputupsw{ margin-top:10px}
.album-list .info p.inputupsw .input-text{ background:url(/imgpro/bg/inputshadow.gif) left top no-repeat; width:188px}
.album-list .info p.count, .album-list .info p.date {
	font-size: 12px;
}

.album-list .info span.count {
	color: #808080;
	line-height: 2.0em;
}
.album-description p {
	line-height: 1.4em;
}

.album-info {
	float:left;
	width:580px;
}
.album-info p span {
	color:#999;
}
.album-info p.updateDate {
	color:#999;
}
.album-info div.post-comment {
	background-color:#ECEFF5;
	width:338px;
	padding:6px;
	overflow:hidden;
}
.post-comment-border-top {
	background:url(/imgpro/box/box_bg.gif) no-repeat left top;
	height:6px;
	_overflow:hidden;
}
.album-info div.post-comment .figure {
	float:left;
}
.album-info div.post-comment form {
	float:right;
	width:302px;
}
.album-info div.post-comment textarea {
	width:296px;
}
.album-info div.post-comment input.input-submit {
	margin-top:4px;
}

div.participants {
	float:right;
	width:200px;
}
.album-actions a {
	width: 150px !important;
}

.photo-title {
	padding: 20px 10px 10px;
	overflow: hidden;
	zoom: 1;
}

.photo-title em {
	font-weight: normal;
	font-style: normal;
}

.photo-title .share {
	float:right;
}

.photo-shell {
	padding: 10px 20px !important;
	border-bottom: 1px solid #DDD;
}

.photo-shell .photo {
	text-align:center;
	background:url(/imgpro/bg/bg_line_loading.gif) no-repeat center center;
}

.photo-shell .info {
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
}

.photo-shell .info .photo-caption {
	float: right;
	border-left: 1px solid #CCC;
	padding-left: 1.0em;
	width: 170px;
	line-height: 1.5em;
}

.photo-shell .info .photo-info {
	width: 400px;
	line-height: 1.5em;
}

.photo-shell .info a.photo-title-btn {
  width: 400px;
  display: block;
  color: #000;
  padding: 4px;
  cursor: text;
}

.photo-shell .info a.photo-title-btn:hover {
  background: #FFFFAA;
  text-decoration: none;
  cursor: text;
}

.photo-shell .info .photo-title-hover {
	background: #FFFFAA;
}

.photo-shell .info .textarea {
  width: 400px;
  height: 45px;
}

.photo-shell .info .button-holder {
  width: 400px;
  text-align: right;
  margin-top: 5px;
}

.photo-shell .info .photo-data {
	color: #808080;
	padding-top: 2.0em;
	clear: both;
}

.photo-shell .info .photo-data .cell-photo {
	padding-top:0.5em;
}

.photo-comments #wide-column {
	padding-right: 40px;
	width: 436px;
}
*html .photo-comments #wide-column {
	padding-right: 10px;
	width: 436px;
}

.photo-comments #side-column {
	padding: 10px 20px 0 0;
	width: 142px;
}


.photo-comments #side-column ul.actions.rotate {
	overflow: hidden;
	zoom: 1;
}

.photo-comments #side-column ul.actions li {
	clear: both;
}

.photo-comments #side-column ul.actions a {
	width: 142px;
}


.photo-comments #side-column ul.actions .rotate-left, .photo-comments #side-column ul.actions .rotate-right {
	width: 71px;
	float: left;
	clear: none;
}

.photo-comments #side-column ul.actions .rotate-left a {
	height: 30px;
	line-height: 30px;
	width: 71px;
	background: url(/img/rotateleft.gif) no-repeat 90% 50%;
	position: relative;
}

.photo-comments #side-column ul.actions .rotate-left a:hover {
	background: #005eac url(/img/rotatelefthover.gif) no-repeat 90% 50%;
}

.photo-comments #side-column ul.actions .rotate-right a {
	height: 30px;
	line-height: 30px;
	width: 65px;
	padding-right: 6px;
	text-align: right;
	background: url(/img/rotateright.gif) no-repeat 10% 50%;
	position: relative;
}

.photo-comments #side-column ul.actions .rotate-right a:hover {
	background: #005eac url(/img/rotaterighthover.gif) no-repeat 10% 50%;
}

.share a {
    display: block;
    padding: 3px 6px 1px;
    width: 40px;
    line-height: 1.0em;
    border: 1px solid #7F93BC;
    color: #525C97;
    background: #FFF url(/img/share.gif) no-repeat right center;
}

.share a:hover {
    border: 1px solid #005eac;
    color: #FFF;
    background: #005eac url(/img/share_hover.gif) no-repeat right center;
    text-decoration: none;
}

#permalink {
	padding: 5px;
	text-align: center;
	background: #F7F7F7;
	border-top: 1px solid #D8DFEA;
}

#permalink span {
	color:#808080;
}

/* photo list (table) */
table.photoList {width:100%;}
.photoList td { vertical-align:center; width:20%; padding:8px 0; text-align:center;}
.photoPan img { max-width:100px;padding:5px; border:1px solid #d8dfea; background:#fff;}
* html .photoPan img { width:expression((this.width < 100) ? "auto" : "100px");}
.photoPan a:hover img { border:1px solid #005eac; background:#d8dfea;}