body{
	background-color: #b1b1b1;
	margin: 0px;
	font-family: sans-serif;
}
h3{
    text-align: center;
    margin: 6px;
}

div.uploadProgressListWrapper span.uploadItemName{
    width: 360px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.uploadProgressListWrapper progress{
    width: 120px;
    top: -4px;
    position: relative;
    margin-left: 10px;
}

div.uploadWrapper{
    width: 500px;
    max-width: 95%;
    background-color: #ddd;
    border: 2px #000 dashed;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}

div.downloadListWrapper{
    width: 800px;
    max-width: 95%;
    background-color: #ddd;
    border: 2px #000 dashed;
    border-radius: 10px;
    margin: auto;
    margin-top: 20px;
    padding: 10px;
}

div.downloadListWrapper table{
    margin: auto;
    border-collapse: collapse;
}
div.downloadListWrapper table td{
    padding: 4px 8px;
}
div.downloadListWrapper table tr:hover{
    background-color: #ffd;
}

div.downloadListWrapper table td.itemActionWrapper{
    padding: 2px;
}

div.downloadListWrapper table td.itemNameWrapper{
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.itemAction{
    width: 48px;
    height: 30px;
}