/* 

http://recolo.org

pictures.css

*/

div.container
{
    position:absolute;
    width:95%;

/*
    border-style:solid;
    border-color:white;
*/
}


div.pictureIcon
{
    position:relative;
    float:left;
    margin: 5px;
    overflow: hidden;
    height: 210px;
    width: 210px;
    background-color:#222222;
    
}

div.iconContainer
{
    position: relative;
    overflow: hidden;
    text-align: center;

    height:98%;
    width:98%;

    border: solid;
    border-width: 2px;
    border-color: #FFCC00;
    
}

div.fileLink
{
    position:relative;
    float:left;
    margin: 5px;
    padding-top: 15px;
    height: 40px;
    width: 210px;
    background-color:#222222;
    
}

div.pictureIndex
{
    position: absolute;
    width: 300px;
    height: auto;
    z-index: 1;
    left: 10px;
    top: 5px;
    bottom: 20px;
    overflow: auto;

    padding-left: 15px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;

    border:solid;
    border-width:2px;
    border-color: #3F3F3F;

}

div.picturePreview
{
    position: absolute;
    /* width: 600px; */
    width: 50%;
    height: 90%;
    z-index: 1;
    left: 345px;
    top: 15px;

    padding-left: 5px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.picturePreviewHome
{
    position: absolute;
    width: 80px;
    height: 35px;
    z-index: 1;
    left: 90%;
    bottom: 20px;

    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
}

div.DisplayDiv
{
    position:relative;
    width:95%;

/*
    border-style:solid;
    border-color:white;
*/
}

div.CaptionEditDiv
{
    height: 280px;
    width: 550px;
    position:relative;
    z-index: 1;
    overflow: hidden;
}