/*
 * 共通ファイルアップロード関連スタイル定義
 */
.cfu-item-group {
	display: block;
}
.cfu-item {
	display: inline-block;
}
.cfu-label {
	display: table-cell;
	min-width: 130px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
	vertical-align: middle;
	color: #fff;
	background-color: #0F2D76;
	cursor: pointer;
}
.cfu-label.disabled {
	background-color: #fec17f;
	cursor: default;
}
i.cfu-mark {
	display: inline-block;
	width: 11px;
	height: 12px;
	vertical-align: middle;
	background: url("../images/common/icon_upload.png");
	background-size: 100%;
	margin-right: 5px;
	cursor: pointer;
}
.cfu-file {
	display: none !important;
}
.cfu-preview-area {
	display: inline-block;
	width: 164px;
	height: 164px;
	margin-top: 4px;
	position: relative;
	border: 1px solid #d0d0d0;
}
.cfu-preview-area.has-error {
	border: 1px solid #ffd0d0;
	background: #f2dede;
}
.cfu-preview-target-wrapper {
	width: 100%;
	height: 100%;
	background: #fff;
}
.cfu-preview-target-wrapper.cfu-marked_to_be_deleted {
	background: none;
}
.cfu-preview-area img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto !important;
}
.cfu-preview-area div {
	display: table-cell;
	width: 164px;
	height: 164px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	border: 1px solid #eee;
}
.cfu-preview-area a {
	color: #000;
	border: 1px solid #888;
	background-color: #f0f0f0;
}
.cfu-preview-area a:hover {
	color: #fff;
	background-color: #888;
}
.cfu-preview-area progress {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto !important;
}
.cfu-image_preview_remove_button {
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url("../images/common/ic-close-button.png");
	background-color: #ddd;
	background-size: 100%;
	cursor: pointer;
	z-index: 100;
}
.cfu-image_preview_remove_button:hover {
	display: inline-block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url("../images/common/ic-close-button-hover.png");
	background-size: 100%;
	cursor: pointer;
}
.cfu-preview-area-curr {
	display: inline-block;
	width: 164px;
	height: 164px;
	margin-top: 4px;
	position: relative;
	border: 1px solid #d0d0d0;
}
.cfu-preview-target-wrapper.cfu-marked_to_be_deleted {
/*	background-color: #ddd; */
}
.cfu-preview-target-wrapper.cfu-marked_to_be_deleted img {
	display: none;
}
.cfu-preview-target-wrapper.cfu-marked_to_be_deleted i {
	display: none;
}
.cfu-preview-area-curr img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto !important;
}
.cfu-preview-area-curr img.cfu-marked_to_be_deleted {
	filter: alpha(opacity=20); /* for IE */
	-moz-opacity: 0.2; /* for mozilla */
	opacity: 0.2; /* for safari, opera */
}
.cfu-curr-block {
	display: block;
	margin-top: 8px;
}
.cfu-curr-block .control-label {
	display: block;
}
.cfu-preview-area-confirm-cell {
	display: inline-block;
	width: 164px;
	height: 164px;
	margin-top: 4px;
	position: relative;
	background: #fff;
}
.cfu-preview-area-confirm-cell.cfu-marked_to_be_deleted {
	background-color: #ddd;
}
.cfu-preview-area-confirm-cell img {
	display: inline-block !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto !important;
}
.cfu-preview-area-confirm-cell img.cfu-marked_to_be_deleted {
	filter: alpha(opacity=20); /* for IE */
	-moz-opacity: 0.2; /* for mozilla */
	opacity: 0.2; /* for safari, opera */
}
.cfu-preview-area-confirm-cell div {
	display: table-cell;
	width: 164px;
	height: 164px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	border: 1px solid #eee;
	font-size: 0.85em;
}
.cfu-preview-area-confirm-cell a {
	color: #000;
	border: 1px solid #888;
	background-color: #f0f0f0;
}
.cfu-changed {
/*	background-color: #ddd; */
}
.cfu-changed img {
	filter: alpha(opacity=20); /* for IE */
	-moz-opacity: 0.2; /* for mozilla */
	opacity: 0.2; /* for safari, opera */
}
.cfu-not_changed {
}