/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 30, 2015, 10:43:08 AM
    Author     : Gazi Samia Ahmed
*/
.gallery-index ul.photo, .gallery-index ul.album{
    min-width: 270px;
    margin-top: 20px;
}
.gallery-index ul.photo img, .gallery-index ul.album img{
    height: auto !important;
}
.gallery-index ul.photo li, .gallery-index ul.album li{
    display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
    cursor: pointer;
    border: 8px solid #fff;
    overflow: hidden;
    margin: 0px !important;
    width: 165px;
}
.gallery-index ul.photo li .album-title, .gallery-index ul.album li .album-title{
    font-weight: bold;
}
.gallery-index .gallery-title{
    color: #356aa0 !important;
    font-weight: bold !important;
    font-size: 16px;
    margin-top: 20px;
}
.gallery-index .photo-update{
    text-align: right;
}
.gallery-update input{
    width: 90%;
    margin-top: 20px;
}

/*start gallery add photo form*/
.gallery-add-photo form div.submit{
    margin: 0px;
}
.gallery-add-photo .submit input[type=submit] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #2b669a;
}
.gallery-add-photo .submit-btn-area{
    padding-top: 20px;
}
.gallery-add-photo .checkbox input[type="checkbox"] {
    margin-left: -20px !important;
}
.gallery-add-photo #loader-icon{
    text-align: center;
    float: left;
    width: auto;
    min-height: 30px;
    padding-top: 20px;
}
#load-files-container{
    clear: both;
    float: left;
    width: 100%;
}
#load-files-container .input input[type=text].form-control {
    width: 100% !important;
}
/*end gallery add photo form*/

/*start gallery album details*/
.gallery-album-details div.input{
    margin-top: 5px;
    margin-bottom: 5px;
}

.gallery-album-details div.checkbox input[type="checkbox"]{
    margin: 0px !important;
}
/*end gallery album details*/

/*start gallery file details*/
.file-details{
    border: 1px dotted #ddd;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
}
.file-details .file{
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 150px;
    overflow: hidden;
}
.file-details .file-action a{
    display: inline-block;
    padding: 5px;
}
/*end gallery file details*/

/*start single photo display*/
.edit-photo .photo-area{
    margin-bottom: 20px;
}
.edit-photo .photo-area img{
    width: 100%;
    max-width: 100%;
}
.edit-photo .input-fields .input textarea, 
.edit-photo .input-fields .input input[type=text]{
    width: 100% !important;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    margin: 0px !important;
}
/*end single photo display*/