/* *** Style for Icon attached to a file *** */
.file-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('images/text.png') center center no-repeat;
    vertical-align: text-bottom;
    margin-right: 6px;
}

    .file-icon.pdf {
        background-image: url('images/pdf.png');
    }

    .file-icon.bmp {
        background-image: url('images/bmp.png');
    }

    .file-icon.doc {
        background-image: url('images/doc.png');
    }

    .file-icon.gif {
        background-image: url('images/gif.png');
    }

    .file-icon.jpg {
        background-image: url('images/jpg.png');
    }

    .file-icon.music {
        background-image: url('images/music.png');
    }

    .file-icon.png {
        background-image: url('images/png.png');
    }

    .file-icon.ppt {
        background-image: url('images/unknown.png');
    }

    .file-icon.txt {
        background-image: url('images/text.png');
    }

    .file-icon.unknown {
        background-image: url('images/unknown.png');
    }

    .file-icon.video {
        background-image: url('images/videos.png');
    }


.ui-button .ui-icon.own-custom-phonecall-class {
    background-image: url('images/phone.png');
    width: 16px;
    height: 16px;
}

.ui-button.ui-state-hover .ui-icon.own-custom-phonecall-class {
    background-image: url('images/phoneHover.png');
    width: 16px;
    height: 16px;
}