
/* FOR UPLOADER PROGRESS BARS */
		.photoupload-queue
		{
			list-style:				none;
		}
		.photoupload-queue li
		{
			background:				url(images/photo_upload.png) no-repeat 0 5px;
			padding:				5px 0 5px 22px;
		}

		.photoupload-queue .queue-file
		{
			font-weight:		 	bold;
		}

		.photoupload-queue .queue-size
		{
			color:					#aaa;
			margin-left:			1em;
			font-size:				0.9em;
		}

		.photoupload-queue .queue-loader
		{
			position:				relative;
			margin:					3px 15px;
			font-size:				0.9em;
			background-color:		#ddd;
			color:					#fff;
			border:					1px inset #ddd;
		}
		.photoupload-queue .queue-subloader
		{
			text-align:				center;
			position:				absolute;
			background-color:		#ff9d03;
			height:					100%;
			width:					0%;
			left:					0;
			top:					0;
		}

		.photoupload-queue .input-delete
		{
			width:					16px;
			height:					16px;
			background:				url(../upload/js_upload/delete.png) no-repeat 0 0;
			text-decoration:		none;
			border:					none;
			float:					right;
		}

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

/* ============================ */
#demo-status
{
	background-color:		#FFFFFF;
	padding:				10px 15px;
	width:					420px;
}
 
#demo-status .progress
{
	background:				white url(../js_upload/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#demo-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#demo-list
{
	list-style:				none;
	width:					450px;
	margin:					0;
}
 
#demo-list li.file
{
	border-bottom:			1px solid #eee;
	background:				url(../js_upload/file.png) no-repeat 4px 4px;
}
#demo-list li.file.file-uploading
{
	background-image:		url(../js_upload/uploading.png);
	background-color:		#D9DDE9;
}
#demo-list li.file.file-success
{
	background-image:		url(../js_upload/success.png);
}
#demo-list li.file.file-failed
{
	background-image:		url(../js_upload/failed.png);
}
 
#demo-list li.file .file-name
{
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
#demo-list li.file .file-size
{
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
#demo-list li.file .file-info
{
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	clear: right;
}
#demo-list li.file .file-remove
{
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}
/* ============================ */

#containerUpload {
	width: 370px;
	float: left;
	margin-right: 40px;
	text-align: left;
	overflow: hidden;
}
#containerUpload h1 {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-left: 5px;
}
#containerUpload input {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CB1C68;
}
#containerDownload h1 {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	padding-left: 5px;
}
#containerDownload img {
	float: right;
}
#containerDownload {
	width: 350px;
	float: left;
	text-align: left;
	overflow: hidden;
}
#containerDownload ul {
	list-style-position:outside;
	margin-left: 0px;
	padding-left: 15px;
 }
#containerDownload ul li {
	margin-left:0px;
	background-image: url(../imgs/icon-article.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0;
	width: 330px;
  }
#containerDownload ul li a {
	display:block;
	background:url(/images/interface/blog_list_divider.gif) repeat-x left bottom;
	margin-bottom:8px;
	text-decoration:none;
	padding-top: 2px;
	padding-right: 2;
	padding-bottom: 2px;
	padding-left: 15px;
}
#containerDownload #deleteBtn {
	float: right;
	height: 16px;
	width: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#containerDownload #deleteBtn a {
	margin: 0px;
	padding: 0px;
}

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

div.autocompleter-loading
{
	float:					left;
	clear:					right;
	background:				#fff url(spinner.gif) no-repeat center;
	width:					20px;
	height:					16px;
}

ul.autocompleter-choices
{
	position:				absolute;
	color: #666666;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #76B125;
	background-color:			#E9F7D7;
	border-right-color:			#76B125;
	border-bottom-color:			#76B125;
	text-align:				left;
	font-family:				Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
}

ul.autocompleter-choices li
{
	position:				relative;
	padding:				3px 3px 3px 3px;
	cursor:					pointer;
	font-weight:				normal;
	font-size:				12px;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:			#FFFFFF;
	color:					#666666;
}

ul.autocompleter-choices span.autocompleter-queried
{
	font-weight:				bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#76B125;

}
