/*-------------------------
        Simple reset
    --------------------------*/


    *{
        /*margin:0;
        padding:0;*/
    }


    /*-------------------------
        General Styles
    --------------------------*/

    body{
        font:15px/1.3 Arial, sans-serif;
        color: #4f4f4f;
    }

    a, a:visited {
        outline:none;
        color:#389dc1;
    }

    a:hover{
        text-decoration:none;
    }

    section, footer, header, aside{
        display: block;
    }


    /*----------------------------
        The file upload form
-----------------------------*/

    div[id$="upload"],
    #upload {
        font-family: 'PT Sans Narrow', sans-serif;
        background-color: #373a3d;
        background-image: -webkit-linear-gradient(top, #373a3d, #313437);
        background-image: -moz-linear-gradient(top, #373a3d, #313437);
        background-image: linear-gradient(top, #373a3d, #313437);
        width: 500px;
        padding: 30px;
        border-radius: 3px;
        margin: 0px auto 30px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        right: 0px;
    }

    #drop{
        background-color: #2E3134;
        padding: 40px 0px 0 0px;
        margin-bottom: 30px;
        border: 20px solid rgba(0, 0, 0, 0);
        border-radius: 3px;
        border-image: url('../img/border-image.png') 25 repeat;
        text-align: center;
        text-transform: uppercase;

        font-size:16px;
        font-weight:bold;
        color:#7f858a;
    }

    #drop a{
        background-color:#007a96;
        padding:12px 26px;
        color:#fff;
        font-size:14px;
        border-radius:2px;
        cursor:pointer;
        display:inline-block;
        margin-top:12px;
        line-height:1;
    }

    #drop a:hover{
        background-color:#0986a3;
    }

    #drop input{
        display:none;
    }

    div[id$="upload"] ul {
        list-style: none;
        left:0;
        border-top: 1px solid #2b2e31;
        border-bottom: 1px solid #3d4043;
        padding:0;

    }

    div[id$="upload"] ul li {
        background-color: #333639;
        background-image: -webkit-linear-gradient(top, #333639, #303335);
        background-image: -moz-linear-gradient(top, #333639, #303335);
        background-image: linear-gradient(top, #333639, #303335);
        border-top: 1px solid #3d4043;
        border-bottom: 1px solid #2b2e31;
        padding: 15px;
        height: 76px;
        position: relative;
    }

    div[id$="upload"] ul li input { display: none; }

    div[id$="upload"] ul li p {
        width: 386px;
        overflow: hidden;
        white-space: nowrap;
        color: #EEE;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        top: 20px;
        left: 54px;
    }

    div[id$="upload"] ul li i {
        font-weight: normal;
        font-style: normal;
        color: #7f7f7f;
        display: block;
    }

    div[id$="upload"] ul li canvas {
        top: 15px;
        left: 0px;
        position: absolute;
    }

    div[id$="upload"] ul li span {
        width: 15px;
        height: 12px;
        background: url('../img/icons.png') no-repeat;
        position: absolute;
        top: 46px;
        right: 0px;
        cursor: pointer;
    }

    div[id$="upload"] ul li.working span {
        height: 16px;
        background-position: 0 -12px;
    }

    div[id$="upload"] ul li.error p {
        color: red;
    }