.explorer{
border:1px outset #CCC;
background:#CCC;
padding:2px;
color:black;
overflow:auto;
}
.explorer_title{
background:#233c7f;
color:#FFF;
padding:2px;
font-weight:bold;
}
.explorer_menu{
margin-top:1px;
border:2px groove #EEE;
padding:2px;

}
.explorer_buttons{
border:2px groove #EEE;
border-top:none;
overflow:auto;
}

.button A{
padding:2px;
height:22px;
float:left;
display:block;
border: 1px outset transparent;
}
.button A:hover{
border:1px outset #EEE;
}

.explorer_folders{
background:#FFF;
border:1px inset #FFF;
width:30%;
float:left;
margin-right:2px;
height:400px;
overflow:auto;
}
.explorer_folders_header{
background:#CCC;
border:1px outset #CCC;
font-weight:bold;
}

.explorer_files{
margin-left:31%;
background:#FFF;
border:1px inset #FFF;
height:400px;
}

.explorer_table{
padding:0;
margin:0;
}
.explorer_table thead th{
background:#CCC;
border:1px outset #CCC;
}


.description{
	color:#999;
	font-size:x-small;
	font-style:italic;
	display:block;
}




/** PROGRESS **/

<style type="text/css" media="screen">
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressContainer{
	margin-top:10px;
	padding:8px;
}
	.progressName {
		font-size: 8pt;
		font-weight: 700;
		color: #555;
		width: 323px;
		height: 14px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}

	.progressBarInProgress,
	.progressBarComplete,
	.progressBarError {
		font-size: 0;
		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: Arial;
		text-align: left;
		white-space: nowrap;
	}

	a.progressCancel {
		font-size: 0;
		display: block;
		height: 16px;
		width: 16px;
		background-image: url(/include/img/icons/delete.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		float: right;
	}

	a.progressCancel:hover {
		background-position: 0px 0px;
	}
	
</style>