.trenduploader 
{
	border: 1px solid #F1E4D1;
	background: #f8f4ed;
	padding: 6px 8px;
	font-family: Verdana, MS Sans Serif;
	font-size: 10px;    
}

	.trenduploader p, .trenduploader h3 
	{
		margin: 6px 0 0 0;
	}

	.trenduploader h3 
	{
		font-weight: bold;
		padding: 0;
	}

	.trenduploader .hide 
	{
		display: none;
	}


#TrendUpload-status .progress
{
	background:				white url('<%=WebResource("Com.Eksponent.Controls.img.mootools.FancyUpload.progress.gif")%>') no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
 
#TrendUpload-status .progress-text
{
	font-size:				0.9em;
	font-weight:			bold;
}
 
#TrendUpload-list
{
	list-style:				none;
	width:					430px;
	margin:					0;
}
 
	#TrendUpload-list li 
	{
		/*height: 55px;*/
		padding: 3px 0;
	}
	 
	#TrendUpload-list li.file
	{
		border-bottom:			1px solid #eee;
		background:				url('<%=WebResource("Com.Eksponent.Controls.img.mootools.FancyUpload.file.png")%>') no-repeat 4px 4px;
	}
	#TrendUpload-list li.file.file-uploading
	{
		background-image:		url('<%=WebResource("Com.Eksponent.Controls.img.mootools.FancyUpload.uploading.png")%>');
		background-color:		#D9DDE9;
	}

	#TrendUpload-list li.file.file-success
	{
		background-image:		url('<%=WebResource("Com.Eksponent.Controls.img.mootools.FancyUpload.success.png")%>');
		clear: both;
	}
	#TrendUpload-list li.file.file-failed
	{
		background-image:		url('<%=WebResource("Com.Eksponent.Controls.img.mootools.FancyUpload.failed.png")%>');
	}
	 
		#TrendUpload-list li.file .file-name
		{
			font-size:				1.2em;
			margin-left:			44px;
			display:				block;
			clear:					left;
			line-height:			40px;
			height:					40px;
			font-weight:			bold;
		}
		#TrendUpload-list li.file .file-size
		{
			font-size:				0.9em;
			line-height:			18px;
			float:					right;
			margin-top:				-10px;
			margin-right:			30px;
		}
		#TrendUpload-list li.file .file-info
		{
			display:				block;
			margin-left:			44px;
			font-size:				0.9em;
			/*line-height:			20px;*/
			clear: both;
		}


/* Added by Eksponent - Facebox display modifications */

.cropBox { max-width:800px; background-color: #FFFFFF; border: 1px solid #707169; padding: 10px; position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
.cropBox .title { height: 17px; width: 790px; color: #FFFFFF; text-transform: uppercase; background-image: url('/pic/cropBox/box_titlebg_1x17.png'); background-repeat: repeat-x; font-size: 12px; font-weight: bold; padding-left: 10px; }
.cropBox .introText { background-color: #FCF7F1; margin-top: 7px; padding: 10px; font-size: 12px; line-height: 16px; }
.cropBox .toolBox { margin-top: 20px; clear: left; }
.cropBox .toolBox .tool { float: left; height: 24px; }
.cropBox .toolBox .tool .toolTitle { padding-top: 4px; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 0; float: left; }
.cropBox .toolBox .tool .buttonBox { border: 1px solid #B4835A; float: left; margin-left: 5px; }
.cropBox .toolBox .tool img.button { cursor: pointer; }
.cropBox .cropperContainer { clear: left; padding: 10px 0; }
.cropBox .cropperContainer .jCropBox { float: left; }
.cropBox .cropperContainer .thumbnailBox { border: 1px solid #01060A; width: 175px; height: 175px; overflow: hidden; float: right; clear: right; margin-left: 20px; }
.cropBox .cropperContainer .closeButton { float: right; clear: right; background-color: #BB966C; color: #FFFFFF; border: 1px solid #DCCDB8; margin-top: 20px; }

/*#facebox body { width: 550px; }
#facebox .thumbieBox { height: 200px; margin: 10px 0; }
#facebox .thumbieBox p { margin: 3px 0; color: #777777; font-size: 12px; font-weight: bold; }
#facebox .controls { float: left; width: 250px; }
#facebox .thumbieThumbnailBox { float: left; margin-left: 10px; }
#facebox .boxThumbnailContainer { width: 175px; height: 175px; border: 1px solid black; overflow: hidden; }
*/




#TrendUpload-list .thumbContainer 
{
	float: right;
	width: 45px;
	height: 45px;
}

#ResumeUploadedPictures
{
	overflow: hidden;
}

	#ResumeUploadedPictures .thumbnails
	{
		height: 45px;
		margin-bottom: 10px;
	}

	#ResumeUploadedPictures .thumbContainer
	{
		float: left;
		margin-right: 10px;
	}



.file-success .editlink, .file-success .file-remove
{
	float: right;
	clear: both;
}

.previewContainer 
{
	width: 570px;
}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }
.facebox_hide { z-index: -100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }