.files {
    clear:both;
    padding:1em 0;
    margin-top:1em;
}

.progressWrapper, .cell {
	width: 242px;
    float:left;
	/*overflow: hidden;
    margin:5px;*/
}

.cellinner {
	margin: 5px;
	padding: 20px 4px 0 4px ;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
    text-align: center;
    height: expression( this.scrollHeight < 41 ? "40px" : "auto" ); /*IE6*/
    min-height: 40px;
}
.progressContainer {
    height: 52px;
    /*height: expression( this.scrollHeight > 53 ? "52px" : "auto" ); /* задает max-height для IE */
    width: 222px;
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
    display: block;
	*overflow: hidden;
}

.cellinner:hover, .progressContainer:hover {
    background-color: #FFF;
}

/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error
.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;
}

.progressName {
	font-size: 8pt;
	/*font-weight: 700;*/
	color: #555;
	width: 165px; /*179*/
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
    margin-left:10px;
    padding:4px 0px;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: #bEd2f2;
	margin-top: 6px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

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

.progressBarStatus {
	margin-top: 2px;
	width: 180px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	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;
}

.progressPerc {
    /*position: relative;
    width: 20px;
    left: 195px;*/
    font-size: 12px;
    float: left;
}

a.hrefs {
    top: 1px;
    left: 172px;
    /*top: -20px;*/
    width: 45px;
    position: relative;
    text-decoration: none;
    color: #445588;
    background-color: #eee;
    border: 1px solid #445588;
    /*border-bottom-style: none;*/
    font-size: 12px;
    padding:0 2px 1px;
    display: block;
    text-align: center;
}

a.hrefs:hover {
    color: blue;
}

#links {
    font-size: 10px;
    border: 2px solid #445588;
    width: 225px;
    /*text-align: left;
    overflow: visible;*/
    position: relative;
    left: 125px;
    z-index: 7;
    background-color: #ddd;
    padding: 2px;
}

#links span {
    float: left;
    width: 50px;
    height: 15px; line-height: 15px; font-size: 10px;
}

#links input {
    width: 163px;
    background-color: white;
}

#links p {
    margin: 4px 0 0;
    clear: both;
    *clear: none;
    overflow: hidden;
}

.encl{
}

.flink {
    font-size: 10px;
}

#action-panel {
    text-align: right;
    float:right;
}

#rename-form input {
    font-size: 11px;
    margin: 5px 0;
}

#all-links {
    margin-top:5px;
    background-color: LemonChiffon;
    width: 300px;
    height: 100px;
    overflow-y: scroll;
    display:none;
}

.uIcon {
  float:left;
  margin-right: 5px;
  background: url(../images/mu-icons.gif) no-repeat scroll 20px 20px;
  display:block; width:20px; height:20px;
}
.f_img { background-position:0 0}
.f_unk { background-position: -60px 0}
.f_zip {background-position:-80px 0}
.f_aud {background-position: -20px 0}
.f_vid {background-position: -40px 0}

.upload_button{
    clear:both;
    text-align:center;
    padding:1em 0;
}
.upload_button div{
    min-height:45px;
}

.rename-panel{
    float:left;
}

#action-panel input{
    width:15em;
    color:#2222f0;
    background-color:LemonChiffon;
}

.note{
    font-size:70%;
    margin-top:5em;
    color:#0000dd;
}