
div.sub-title{
	background:url(../images/bar/mid.png) repeat-x top;
	line-height:30px;
	color:#fff;
	padding-left:20px;
	font-size:13px;
	font-weight:bold;
}

#photos-friendalbumlistDiv{
	margin-top:10px;
}

/************************************Photo List****************************/
.photo-list{margin-top:10px; clear:both;height:130px;}
.photo-list table td{width:220px; vertical-align:top; height:20px;}
.photo-list table{margin:auto; width:100%}
.photo-list .info-quick-link{padding:0 10px 0 10px}

.info-quick-link table td label{
	font-weight:bold;
	color:black;
	color:#9d9d9d;
}
.info-quick-link table td span{
	font-weight:bold;
	color:black;
	color:#555;
}

.info-quick-link table td img{ vertical-align:middle; text-align:center;}
.info-quick-link a{color:#0072BB; font-size:9pt;}
.photo-list .quick-photo{padding:5px;width:340px}

.photos-list-albumphoto{width:365px; margin-top:3px;}
/********************************Photo Comments****************************/

.photo-comment span{ vertical-align:middle; float:left;}
.photo-comment{ margin:10px auto 32px;width:74%;}
.photo-comment textarea{height:60px;width:420px;}

#photo-comments .blogbox{border:0;  border-bottom:dotted 1px #d4d4d4; width:570px; margin:auto; }
#photo-comments .last-comment{border-bottom:0px}
#photo-comments .blogbox .blogmsg{
	width:470px;
	color:#555;
	min-height:30px;
	height:auto !important;
	height:30px;
	border:solid 0px #000;
	float:right;
	margin-right:15px;
	
}

/*****************************************************/
.photo-album-list{
	margin-top:10px;
	text-align:center;
}

.photo-album-list-top{
	height:25px;
	width:260px;
	z-index:1;
	background:url(../images/photos/film/top2.png) no-repeat;
}

.photo-album-list-content{
	margin-left:10px;
	width:238px;
	height:84px;
	border-left:1px #E3E3E3 solid;
	border-right:1px #E3E3E3 solid;
}

.photo-album-list-content-icon{
	float:left;
	margin-left:10px;
	z-index:100;
	height:84px;
	width:105px;
	background:url(../images/photos/film/frame.png) no-repeat 10px top;
	text-align:center;
}

.photo-album-list-content-icon-selected{
	float:left;
	margin-left:10px;
	z-index:100;
	height:84px;
	width:105px;
	background:url(../images/photos/film/frame-selected.png) no-repeat 10px top;
	background-color:#FFF1A8;
	text-align:center;
}

.photo-album-list-content-icon img, .photo-album-list-content-icon-selected img{
	margin-top:11px;
	height:64px;
	width:64px;
}

.album-title{
	font-size:9pt;
	font-weight:bold;
}

.photo-album-btn {
	margin-top:10px;
}

.photos-list-img li{
	list-style:none; 
	display:inline;
	float:left;
	height:100px;
	width:80px;
	padding:10px 4px 10px 15px;
}
.photos-list-img li span{
	width:80px;
  height:20px;
	text-align:center;
	font-size:9pt;
}

.photos-list-img{
	width:100%;
}

.frame-img{
	border:1px #E3E3E3 solid;
	padding:1px;
	cursor:pointer;
}

.photos-header
{
	top:0px;
}

#photo-preview-list{
	margin:7px;
}

.photo-preview-detail-list li{
	list-style:none; 
	display:inline;
	float:left;
	height:250px;
	width:280px;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom:1px #E3E3E3 solid;
}

.photo-preview-detail-list li .photos-photo-img{
	text-align:center;
	height:200px;
	vertical-align:bottom;
}

.photos-photo-title{
	font-weight:bold;
	font-size:12px;
  height:14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.photo-preview-list li{
	list-style:none; 
	display:inline;
	float:left;
	height:70px;
	width:71px;
	padding:1px;
}

.photos-photo-img{
	height:200px;
	width:200px;
}

.photo-albums-album{
	margin-bottom:10px;
	height:auto;
}

.photo-albums-album .album-title{
	margin-top:10px;
}

.subcontent{
	margin:10px;
}

/******************************Photo Album Info************************/
.photos-albuminfo-info{
	width:160px;
}

.photos-albuminfo-thumbs{
	width:420px;
}


.photos-albuminfo{
	border-top:1px solid #DFDFDF;
}

.photos-albuminfo li{
	list-style:none; 
	display:inline;
	float:left;
	width:75px;
}

.photos-albuminfo a{
	color:#0072BB;
	font-weight:bold;
}

/*******************************Big Photo***************************/
.photos-current-photo{
	width:100%;
	text-align:center;
	position:relative;
	margin-top:10px;
	direction:rtl;
}
.photos-current-photo .photo-frame {height:390px; width:570px;}
.photos-current-photo .photo-frame #photos-previewing{border:solid 6px #d4d4d4}

.photos-current-photo h3{font-size:1.2em; margin-bottom:5px;}
.photos-current-photo .photos-photo-desc
{
	border-top:solid 1px #d4d4d4; 
	border-bottom:solid 2px #d4d4d4; 
	border-left:solid 1px #d4d4d4; 
	border-right:solid 2px #d4d4d4; 
	width:500px; margin:5px auto;
	padding:5px;
	text-align:center;
}

/*****************************Newly added*********************/
.grey-block {margin-top:5px; height:10px;background:#e6e6e6; width:598px;}
.browse-album-link{text-align:left; margin-left:10px;}

/************************Photo Description********************/

.photo-title-form, .photo-desc-form{display:none}
.photo-desc-form textarea{width:380px;height:10;font-size:9pt; padding:2px; font-family: arial}
.photo-desc-form ul li, .photo-title-form ul li{display:inline; padding:3px;}
.photo-desc-form ul, .photo-title-form ul{padding:3px;}

.photo-title-form input{width:380px;padding:2px;}
#linkPhotoTitle{font-size:1.2em; font-weight:bold; color:#454545;}

/*************************Album Title and descriptioln*********************/
.album-title-form, .album-desc-form{display:none}
.album-title-form input{width:325px;padding:2px;}
.album-title-form ul li , .album-desc-form ul li{display:inline; padding:3px; color:#0072BB; cursor:pointer}

#linkEditAlbumDesc{color:#0072BB}
.album-desc-form textarea{width:325px;height:10;font-size:9pt; padding:2px; font-family: arial}