.boxImage{
    position:relative;
    overflow:hidden;
    float:left;
    width:240px;
    height:340px;
    margin:0 0 8px 8px;
    text-align:center;
    font-size:11px;
    padding:6px 2px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E4DFD3;

    .title{
        padding:8px;
        font-size:12px;
        display:block;
    }

    .categories{
        margin:8px;
        a{
            font-size:12px;
        }
    }

    .sizes{
        display: none;
        position:absolute;
        list-style:none;
        bottom:0;
        left:0;
        height:30px;
        width:100%;
        background:rgba(255,255,255,0.8);                

        a{
            display:inline-block;
            font-size:11px;
            margin:6px 1px 0 0;
            padding:3px 1px; 
        }
    }
    .filename{
        margin:8px;
        font-size:12px;
    }
    .imageFileInfo{
        list-style:none;
        margin:8px;
    }
}

.boxImage:hover{
    border:solid 1px #555;
}

.boxImage:hover .sizes{
    display:block;
    animation:showImageBoxIcons 0.5s;
    -webkit-animation:showImageBoxIcons 0.5s;
}

.page{
    position:absolute;
    top:0;
    right:64px;
    font-size:9px;
    b{
        display:inline-block;
        background:#000;
        color:#fff;
        padding:3px;
        .rounded-corners(3px);
        margin-left:6px;
    }
}


.tabs #image{
    p{
        font-size:11px;
        margin-bottom:10px;
    }
    > section div div div div:first-child div article:first-child{
        background:#C4EAC4;
    }
}

@keyframes showImageBoxIcons{
    from {bottom: -30px;}
    to {bottom: 0;}
}
@-webkit-keyframes showImageBoxIcons{
    from {bottom: -30px;}
    to {bottom: 0;}
}

.category_upload{
    background:#DFDFDF;
    margin: 8px;
    padding: 20px;
    text-align:right;
    select{
        padding:8px;
    }
}

.renderImages{
    overflow:hidden;
}