.album_cover_div {
	width: 18%;
	/* height : 300px; */
	float: left;
	border-color: #E6E4E4;
	border-width: 3px;
	border-style: solid;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 1px #DADADA;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	word-wrap: break-word;


}

.hide_div {
	display: none;
}

.collapse_div {
	height: 20px;
	position: absolute;
}

.album_placeholder {
	float: left;
	margin: 5px;
	width: 220px;
	height: 220px;
	background-color: #f3f3f3;
}


.album_options,
.album_photo_options {
	height: 20px;
	padding-bottom: 5px;
	position: absolute;
	z-index: 9999;
}

.album_options img,
.album_photo_options img {
	height: 20px;
	padding-right: 10px;

}

.album_photo_cover_div {
	width: 12%;
	height: 110px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	word-wrap: break-word;
	border-width: 3px;
	border-style: solid;
	border-color: transparent;
	padding-top: 2px;
	padding-bottom: 2px;
}


.album_photo_cover_div:hover {
	border-color: #E6E4E4;
	border-width: 3px;
	border-style: solid;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 1px #DADADA;
	margin-right: 10px;
	margin-bottom: 10px;
}



.album_photo {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	bottom: 0;
	left: 0;
	z-index: 10;
	position: relative;
}

.album_photo img.img_landscape {
	height: 75px;
	width: 95%;
	bottom: 0;
	position: absolute;
	left: 0;
	margin: auto;
	right: 0;

}

.album_photo img.img_portrait {
	height: 100%;
	width: 45%;

}



.album_image {
	height: 170px;
	width: 90%;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

.album_image div.cover_image_div {
	height: 100%;
	width: 100%;

}

.album_image div.cover_image_div img.img_portrait {
	height: 160px;
	width: 130px;

}

.album_image div.cover_image_div img.img_landscape {
	height: 130px;
	width: 100%;

}

.album_image div.cover_image_div img.cover_photo {
	border-radius: 10px 10px 10px 10px;


}

.opacity_img {
	opacity: 0.4;
	filter: alpha(opacity=40)
}

.album_note {
	font-size: 12px;
	color: #666666;
	overflow: auto;
	height: 70px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 10px;
	padding-left: 10px;


}

.clear_both {
	clear: both;
}


#tooltip_word {
	position: absolute;
	border: 1px solid #333;
	background: #f7f5d1;
	padding: 2px 5px;
	color: #666666;
	display: none;
	width: 200px;
	font-size: 12px;
}

.img_portrait {
	width: 130px;
	height: 200px;
}

.img_landscape {
	width: 200px;
	height: 130px;
}

.view_photo_contaienr {}



.photo_div {
	background-color: #F6F6F6;
	/*#F6F6F6*/
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
	float: left;
}

.photo_count {
	height: 20px;
	padding-bottom: 5px;
	position: absolute;
	font-size: 10px;
	color: #666666;
}

.photo_div img.img_landscape {
	width: 630px;
	height: 340px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.photo_div img.img_portrait {
	width: 240px;
	height: 340px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gallery_photo {
	width: 100%;
}

.description_container {
	width: 40%;
	float: left;

}


.photo_desciption_div {
	font-size: 16px;
	color: #666666;
	padding-right: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
}


.photo_detail_div {
	font-size: 11px;
	color: #666666;
	padding-right: 10px;
	padding-left: 5px;
	font-style: italic;
}

.edit_all_container {}

.edit_all_div {
	background-color: #F6F6F6;
}

.edit_all_image {
	width: 40%;
	position: absolute;
	float: left;
}

.edit_all_detail {
	width: 60%;
	float: left;

}


.paging_div {
	width: 100%;
	float: left;
}


/* layout css */
#web_header_container {}



#images_gallery_container_center {
	background: none repeat scroll 0 0 #FFFFFF;

	box-shadow: 0 0 3px #DADADA;
	margin-bottom: 5px;
	padding: 2px 3px;
	position: relative;
}

#images_gallery_container_center div.toolbars {
	margin-bottom: 5px;
}

#container_images_gallery_content {
	padding-left: 4px;
	padding-top: 5px;
	overflow: hidden;
}

#container_images_gallery_content .photo_div img.img_landscape {
	height: 340px;
	margin-bottom: 10px;
	width: 100%;
	margin-top: 0;
}


#container_images_gallery_content .photo_div div.photo_count {
	margin-left: 5px;
	margin-top: 4px;
}

/* --------------- new image gallery style -------------------------- */

.album {
	width: 100%;
	padding: 10px;
	float: left;
}

.album .imageSingle {
	float: left;
	margin: 5px;
	text-align: center;
	border: solid 1px #ddd;
	background-color: #eee;
	position: relative;
	overflow: hidden;
	width: 220px;
	height: 220px;
}

.album .imageSingle:hover {
	cursor: move;
}

.add_new {
	float: left;
	margin: 5px;
	text-align: center;
	background-color: #eee;
	position: relative;
	border: dashed 3px #ddd;
	width: 220px;
	height: 220px;
}

.selected {
	border-color: #727272 !important;
}

.selected .image {
	opacity: 0.5;
}

.new_album {
	padding-top: 17px;
}

.new_photo {
	padding-top: 17px;
}

.album h2 {
	font-size: 2em;
	padding: 0;
	font-weight: normal;
	margin: 0 0 20px;
	color: #4D4D4D;
}

div.options {
	position: absolute;
	background-color: #fff;
	top: 0;
	padding: 10px;
	width: 100%;
	z-index: 99;
	display: none;
}

.image:hover .options {
	display: block;
}


div.options a {
	margin-left: 10px;
}

.album .imageSingle:before {
	/* create a full-height inline block pseudo=element */
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	/* vertical alignment of the inline element */
	height: 100%;
}


.album .imageSingle .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -1px;
}

.image img {
	max-width: 220px;
	max-height: 220px;

}

.album .footer {
	text-align: center;
	width: 100%;
	border-top: solid 1px #ddd;
	color: #999;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 10px;
	bottom: 0;
	position: absolute;
	background-color: #DDD;
}

/*  view photo css */

.photo-display {
	/* width: 500px;
	height: 400px;	 */
}

table.photo-image {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #F6F6F6;
}

.photo-image img {
	/* max-width: 500px;
	max-height: 400px; */
}

.photo-count {
	height: 15px;
	text-align: left;
	padding-left: 5px;
}

#moveForm {
	float: right;
}

.icon {
	padding: 5px 10px 5px 26px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	float: right;
}

#container_images_gallery_content .grid {
	max-width: none;
}

#images_gallery_main_content_container .toolbars {
	overflow: hidden;
}

.check_album {
	margin-left: 10px;
}

/* --------------- end new image gallery style -------------------------- */