﻿/************************************
 * Main container - includes border *
 ************************************/
.photoGalleryOuterBorder
{
    font-family: Arial;
    width: 700px;
    height: 529px;
}

.photoGalleryInnerBorder
{
    height: 100%;
    border-left: solid 2px #866e3e;
    border-right: solid 2px #866e3e;
    border-bottom: solid 2px #866e3e;  
}

/**********************************
 * Header Style - including Links *
 **********************************/
.photoGalleryHeader
{
    background-image: url(/assets/images/tan.jpg);
    color: White;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.photoGalleryHeader a:link, .photoGalleryHeader a:visited, .photoGalleryHeader a:active
{
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
        
.photoGalleryHeader a:hover
{
    text-decoration: underline;
}

/*********************************************
 * Folder Thumnails container - Image & Text *
 *********************************************/
.photoGalleryThumbnailFolders
{
    background-color: #b6a379;
    float: left;
    height: 519px;
    padding: 5px;
    width: 100px;
}

.photoGalleryThumbnailFolder
{
    border: solid 1px #cccccc;
    margin-bottom: 5px;
    margin-left: 10px;
    width: 80px;
    height: 60px;
}

.photoGalleryThumbnailFolderText
{
    color: White;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    text-align: center;
}

/********************************************************
 * Photo container - includes for photo and description *
 ********************************************************/
.photoGalleryMainContainer
{
    background-color: White;
    position: relative;
    float: right;
    width: 586px;
}

.photoGalleryPhotoContainer
{
	height: 442px;
}

.photoGalleryPhoto
{
    padding-top: 22px;
    padding-left: 28px;
    height: 420px;
    visibility: hidden;
}

.photoGalleryProgressIndicator
{
    background-image: url(/app_themes/simplesite/icons/ajax-loader-blue.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/*******************************
 * Description - Header & Text *
 *******************************/
.photoGalleryDescriptionContainer
{
    border: solid 1px #cccccc;
    background-color: Black;
    font-size: 12px;
    margin-left: 28px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 353px;
    width: 518px;
    visibility: hidden;
    z-index: 100;
}

.photoGalleryDescriptionHeader
{
    color: White;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

.photoGalleryDescriptionText
{
    color: White;
    font-weight: normal;
    height: 40px;
    text-align: left;
    vertical-align: top;
}

/*****************************
 * Photo Thumnails container *
 *****************************/
.photoGalleryThumbnailPhoto
{
    border: solid 1px #cccccc;
    float: left;
    height: 75px;
    width: 100px;
    margin-right: 5px;
}

.photoGalleryThumbnailPhotos
{
    background-color: White;
    height: 77px;
    padding: 5px;
}