﻿div.fileUploader div {
    margin: 0 !important;
}

    div.fileUploader div.panel-body {
        font-size: 0.8125em !important;
        line-height: 145%;
    }

    div.fileUploader div.filesList {
        margin-top: 8px !important;
        font-size: 0.875em !important;
        line-height: 150%;
    }

        div.fileUploader div.filesList li {
            margin-left: 20px;
        }

    div.fileUploader div.fileuploader_progress {
        margin: 5px 0 !important;
    }

div.fileUploader span.fileinput-button.hide {
    display: none;
}

div.fileUploader div.panel.hide {
    display: none;
}



/*Album Grid*/
.ui-state-highlight{
    border: 2px dotted #CCC !important;    
}

ul#GridPhotos {
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
}

    ul#GridPhotos li {
        display: block;
        background: #FFF;
        width: 260px;
        height: 315px;
        margin: 10px 5px;
        border: 1px solid #999;
        float: left;
        cursor: move;
        transition: transform 0.25s;
    }
    ul#GridPhotos li[class~=ui-sortable-helper] {
        transform: rotate(2deg);
    }

        ul#GridPhotos li div.GridImg {
            background-size: 100% !important;
            /*background-size: contain !important;*/
            /*background-size: 100% !important;*/
            width: 100%;
            height: 195px;
            position: relative;
            transition: all .3s ease-in-out !important;
        }
        ul#GridPhotos li div.GridImg:hover{            
            /*background-size: 110% !important;
            transition: all .3s ease-in-out !important;*/
        }
        

            ul#GridPhotos li div.GridImg a.Delete {
                display: block;
                padding: 5px;
                background: #CCC;
                font-size: 1.25em !important;
                position: absolute;
            }

                ul#GridPhotos li div.GridImg a.Delete:hover {
                    background: #999;
                }

        ul#GridPhotos li div.GridImgDescription {
            border-top: 1px solid #999;
            width: 100%;
            height: 110px;            
        }

            ul#GridPhotos li div.GridImgDescription textarea {
                border: 1px solid #999;
                width: 100%;
                min-height: 110px !important;
                max-height: 110px !important;
                font-size: 1.125em;
                border: none;
                resize: none;
            }

                ul#GridPhotos li div.GridImgDescription textarea:focus {
                    border: none !important;
                    outline: none !important;
                    border-color: none !important;
                    box-shadow: none !important;
                    -moz-box-shadow: none !important;
                    -webkit-box-shadow: none !important;
                    -ms-box-shadow: none !important;
                    -o-box-shadow: none !important;
                }

.highlight {
    border: 2px solid #00b0e6 !important;
    box-shadow: #00b0e6 0px 0px 10px;
    -moz-box-shadow: #00b0e6 0px 0px 10px;
    -webkit-box-shadow: #00b0e6 0px 0px 10px;
    -ms-box-shadow: #00b0e6 0px 0px 10px;
    -o-box-shadow: #00b0e6 0px 0px 10px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
