.progressWrapper 
{
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
	width: 240px;
	height: 17px;
	vertical-align:top;
}

.progressCancelled 	/* Error */
{
	border: solid 0px #B50000;
	background-color: #FFEBEB;
}

.progressUploading 	/* Current */ 
{
	border: solid 0px;
	background-color:#DFEDEC;
}

.progressCompleted 	/* Complete */
{
	border: solid 0px;
	background-color:#d9d9d9;		
}

.progressName       /* Filename display, like "photo.jpg" */
{
    margin: 0px;
    padding: 0px;        
    font-size: 0pt;
	height: 0px;
	width: 0px;
}

* .progressBarInProgress,
* .progressBarComplete,
* .progressBarError 
{
	font-size: 0px;
	height: 4px;
	background-color: blue;
	margin-top: 0px;
	position: relative;
}

.progressBarComplete 
{
	width: 100%;
	visibility: hidden;
}

.progressBarError 
{
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus      /* status text, like "Saving..." or "Uploading..." */
{        
	font-size: 8pt;
	font-family: Arial;
	position: relative;
}

a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,

a.progressCancel:hover
{
	font-size: 0px;
	display: none;      /* Hide cancel button */
	height: 14px;
	width: 14px;
	
	background-image: url(/swf21/images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover 
{
	background-position: 0px 0px;
}