#id_upload_abort_button{
    /* This button starts out hidden; it's shown when the upload begins. */
    display: none;
}


div#upload_summary_section {
    display: inline-block;

    padding: 0 10px;
    margin: 10px 0;

    background-color: #e0e0e0;
    border: 1px solid #000000;
    border-radius: 5px;
}

#status_display {
    display: block;
    margin: 10px 0;
    font-size: 120%;
}

#pre_upload_summary, #status_detail{
    display: block;
    margin: 10px 0;  /* top/bottom left/right */
}
#pre_upload_summary ul, #status_detail ul{
    list-style: disc;
    margin-left: 20px;
}
#pre_upload_summary li, #status_detail li{
    margin: 3px 0;
}

#files_table_container, #preview_table_container{
    margin: 10px 0;  /* top/bottom left/right */

    /* scrollbars will appear only if the files table
       exceeds the container's max height. */
    overflow: auto;
    max-height: 20em;
}

#files_table_auto_scroll_checkbox_container{
    /* The checkbox starts out hidden, and may be shown later
       once some files are selected. */
    display: none;
}

#files_table, #preview_table{
    border: 2px solid #999;
    border-collapse: collapse;
    border-spacing: 0;
}

#files_table th, #files_table td, #preview_table th, #preview_table td{
    border: 2px solid #999;
    padding: 2px 10px;  /* top/bottom left/right */
}
#files_table td, #preview_table td{
    font-size: 0.9em;
}
#files_table td.size_cell{
    /* In general, don't let the size spill into 2 lines; that looks bad.

       Assuming 0.9em font size, 60px should always fit '16.25 MB' in the
       cell.  The only situation that would spill it to 2 lines is when it's
       '162.50 MB' or longer, and the other table columns are wide enough to
       make the table expand to its full width, thus clamping the size column
       to the min-width. */
    min-width: 60px;
}

#files_table tr.preupload_error{
    background-color: #bbbbbb;
}
#files_table tr.uploading{
    background-color: #ffff88;
}
#files_table tr.upload_error{
    background-color: #ff8888;
}
#files_table tr.uploaded{
    background-color: #80e860;
}

#mid_upload_summary{
    display: block;
    margin: 10px 0;
}


#preview_table_container{
    margin: 10px 0;  /* top/bottom left/right */

    /* scrollbars will appear only if the files table
       exceeds the container's max height/width. */
    overflow: auto;
    max-height: 20em;
    max-width: 800px;
}
span.old-metadata-value,
span.annotation-delete-info {
    color: red;
}


#cpc-drop-zone {
    background-color: lavender;
    padding: 50px;
    text-align: center;
}
