/* 
    See include/InitializeFileUpload.js for the File Upload control usage. 
    See xslt/HtmlControls.xslt on "@control='attachment'" for the HTML generation.
*/

/* Hide the delete button if no file is attached */
.eConFileUploadEmpty .eConFileUploadDelete {
    display: none;
}

/* Margin between the upload link and the button */
.eConFileUploadLink {
    margin-right: .5em;
}

/* Style for the link if no file is attached */
.eConFileUploadEmpty .eConFileUploadLink {
    color: black;
    text-decoration: none;
    cursor: default;
}

/* CSS for placing the <input type="file"> before the button transparantly */
.eConFileUploadEdit.ui-button {
    overflow: hidden;
    position: relative;
}

.eConFileUploadEdit input[type=file] {
    cursor: pointer;
    font: 500px monospace; /* make the input's button HUGE */
    margin: 0;
    opacity: 0; filter: alpha(opacity=0);
    position: absolute;  /* making it absolute with z-index:1 will place it on top of the button */
    z-index: 1;
    right:0;
    top:0;
    left:0;
    bottom:0;
    padding:0;
    height: 100%;
    width: 100%;
}