/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    majx JavaScript Library http://code.google.com/p/majx-js/
    license:    New BSD License http://www.opensource.org/licenses/bsd-license.php
    author:     Copyright (c) 2009
                Yves Van Goethem and Vincent Valentin
                All rights reserved.

    module:     customizable popins (modal boxes)
    summary:    POPIN
----------------------------------------------------------------------------- */

/* =POPIN
------------------------------------------------------------------------------*/
#cache {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    color:inherit;
    display:none;
}

#popin {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute */
    
    /* default dimensions and positions */
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-225px;
    width:800px;
    height:450px;
    
    /* styles */
    background-color:#FFF;
    color:inherit;
    overflow:auto;
    display:none;
}

#popin:focus {
    outline:0;
}

#close {
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    padding:5px;
    background-color:#FFF;
    color:inherit;
    border:1px solid #000;
}

#close li {
    list-style-type:none;
}

#popin #load-indicator {
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#popin #pop-content {
    margin:0 10px;
}

#popin #pop-content img {
    display:block;
}

.pop-image {
    margin:0 !important;
}