/*
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 : 25 Apr, 2015, 12:38:51 AM
    Author     : Abhinav
*/

#img_container {
    width : 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    position: fixed;
    top :0;
    left:0;
    right : 0;
    bottom : 0;
    text-align: center;
    z-index : 999;
    display: table-cell;
    vertical-align: middle;
    display: none;
    overflow-y: auto;
}
 #img_outer {
    display: inline-block;
    width:auto;
    border:10px solid #FFF;
    border-bottom: none;
    border-top : none;
    margin-top :55px;
}           
            
#img_prev {
    float : left;
    text-align: left;
}
#img_next {
    float : right;
    text-align: right;
}
#img_header {
    background: #FFF;                
    color : #000;               
}
#img_next , #img_prev, #img_header {
    height :30px;
}
.img_nav {
    cursor: pointer;
    color : #000;
    z-index : 9999;
    background: #fff;              
}
#span_close {
    float : right;
    font-weight: bold;
    color : #555555;
    margin: 0;
    font-size: 18px;
}
#span_close:hover {
    color : #000000;
}
            
#img_holder > img {
    width : 100%;
    margin : 0;
    border : 10px solid #FFF;
    border-bottom : 20px solid #FFF;
    
}

#div_prev > button, #div_next > button {
    width : 100%;
    padding: 0;
    
}