/* 現在のアップロード状況のボックス */
#divFileProgressContainer {
	width:697px;
	margin-bottom:10px;

}

#divFileProgress {
	position: relative;
}

#divFileProgress #cancel {
	width: 144px;
	position:absolute;
	top: 3px;
	left:725px;
	cursor: pointer;
}


/* 終了音 */
#divFileProgressContainer .upload_sound {
	margin-bottom:5px;
}

	/* アップロード状況 */
	.progressWrapper:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}
		
	.progressWrapper {
		zoom:1;
		width:867px;
		border: 1px solid #CCC;
		margin:0 auto;
		padding:5px;
		text-align: left;
	}
	
	.progressWrapper .left {
		width:70px;
		padding-top:5px;
		float:left;
		color:#000;
		font-size:16px;
		text-align: center;
	}
	
	.progressWrapper .right {
		width:600px;
		float:right;
	}

	
	.progressStatus {
		color:#666;
	}
		
	.divfileProgressBar {
		background: #FFF;
		padding:2px;
		border:1px solid #CCC;		
	}
	
	.fileProgressBar {
		width:80%;
		height: 10px;
		background:#25cfde;
		/*border-right:2px solid #099;*/
	}
	
	/* ダミー */
	.fileProgressBar2 {
		width:100%;
		height: 10px;
		background:#25cfde;
		border-right:2px solid #099;
	}
		

	
	
/* アップされた写真のボックス */
.progressContainer { /* アップロード完了したら、blueでdisplay:none; */
	margin: 0 0 10px 0;
	/*border: solid 1px #E8E8E8;*/
	/*background-color: #F7F7F7;*/
	overflow: hidden;
}

	.red /* Error */
	{
		background-color: #FFEBEB;
	}
	.green /* Current 現在アップロードしている写真の背景 */
	{
		height:80px;
		background: #FFF;
	}
	.blue /* Complete */
	{
		display:none;
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
	}

/* ファイル名 */
.progressName {
	display:none;
	font-size: 10px;
	font-weight: bold;
	color: #555555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

/*
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
*/
/*
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
*/


/*

a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

*/


/* SWFUpload CSS ---------------------------------------------- */

.cancelbtn {
        display: block;
        width: 16px;
        height: 16px;
 /*       float: right;
  */
}

.swfuploadbtn {
        display: block;
        width: 100px;
        padding: 0 0 0 20px;
}

#SWFUploadFileListingFiles ul {
        margin: 0;
        padding: 0;
        list-style: none;
}


.SWFUploadFileItem {
        display: block;
        float: left;
        width: 80px;
        height: 100px;
        margin-right:6px;
        margin-bottom:10px;
        border:1px solid #CCC;
        background: #EFEFEF; /* アップ完了前の背景色 */
}

/* 画像を削除 */
.SWFUploadFileItem span {
	display: block;
	margin-top:5px;
	cursor: pointer;
}


/* #SWFUpload_*_*のdivに.SWFUploadFileItemと合わせて使用される */

/* アップ中 */
.fileUploading { background: #fee727; }
/* アップ完了 */
.uploadCompleted { 
	background: #ffffff;
	border-color:#FFF;/* .SWFUploadFileItemのborderを上書き */
}
/* アップキャンセル */
.uploadCancelled { background: #f77c7c; }



span.progressBar {
        width: 200px;
        display: block;
        font-size: 10px;
        height: 4px;
        margin-top: 2px;
        margin-bottom: 10px;
        background-color: #CCC;
}

.cancelbtn {
}





/* アルバム作成ページ、写真追加時 */
#page_upload #SWFUploadFileListingFiles {
	width:890px;
}


/* アルバムページ 写真追加時 */
/* 投稿者情報の入力フォームありver */
/* ============================================================= */

	.add_photo {
	border:1px solid #CCC;
	padding:5px;
	margin-bottom:10px;
	}

	#SWFUploadFileListingFiles:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
		}
		
	#SWFUploadFileListingFiles {
		zoom:1;
		width:880px;
		margin:0 auto;

	}


	#SWFUploadFileListingFiles #thumbnails {
		width:704px;
		float:left;
	}
	
	
	.add_photo #SWFUploadFileListingFiles .upload_member_info {
		width:170px;
		float:right;
		border:1px solid #CCC;
	}
	
	.upload_member_info p {
			background: url(/images/common/up_info_bg.gif) no-repeat center left;
			padding: 0 10px 0 13px;
			margin-top:10px;
			line-height:1.3;
	}
	
	.upload_member_info dl {
		width:160px;
		margin:5px auto 0px;
	}
	
	.upload_member_info dt {
		font-weight:  bolder;
	}
	
	.upload_member_info dd input {
		width:150px;
	}

	.upload_member_info dd input#next_step {
		width:94px;
	}

	
	.upload_member_info dd {
		padding-bottom:10px;
	}
	
	.upload_member_info dd div {
		margin-top:5px;
	}

	#wrapper #uploadContainer h3 {
		margin-bottom:5px;
	}	

	#divFileProgressContainer .upload_notice {
		margin-bottom:10px;
	}


/* ============================================================= */