﻿.photoGalleryMain  /* Graphical - Blue */
{
    background-image: url(/app_themes/simplesite/photogallery/images/content1.jpg);
    background-repeat: repeat-y;    
    width: 635px;
}

.photoGalleryTitle
{
    background-image: url(/app_themes/simplesite/photogallery/images/title1.jpg);
    background-repeat: no-repeat;
    height: 38px;
    padding-left: 35px;
    padding-top: 40px;
    font-size: 12pt;
    font-family: Arial Black;
    font-weight: bold;
    color: #6A6674;
    width: 600px;
}

/**********************************
 * Header Style - including Links *
 **********************************/
.photoGalleryHeader
{
    font-family: Arial Black;
    background-image: url(/app_themes/simplesite/photogallery/images/header1.jpg);
    color: White;
    font-size: 12pt;
    font-weight: bold;
    height: 53px;
    line-height: 53px;
    padding-left: 35px;
    padding-right: 5px;
    padding-bottom: 10px;
    position: relative;
}

.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;
}

.photoGalleryHeaderLink
{
    float: left;
    text-align: left;
}

.photoGalleryDate1
{
    color: White;
    font-family: Arial;
    font-size: 7pt;    
    text-align: left;
    float: right;
}

.photoGalleryDate2
{
    color: White;
    font-family: Arial;
    font-size: 7pt;    
    text-align: left;
}

.photoGalleryDate3
{
    background-image: url(/app_themes/simplesite/videogallery/images/date1.jpg);
    color: White;
    font-family: Arial Black;
    font-size: 8pt;
    line-height: 17px;
    left: -42px;
    height: 45px;
    padding-right: 10px;
    padding-top: 6px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 58px;
}

.photoGalleryHeaderAlbum
{
    /*float: left;*/
    text-align: right;
}

.photoGalleryDivider
{
    border-bottom: solid 1px #C2C0D5;
    margin-bottom: 20px;
    margin-top: 20px
}

/*********************************************
 * Folder Thumnails container - Image & Text *
 *********************************************/
.photoGalleryThumbnailFolders
{
    
    vertical-align: top;
    width: 80px;
    padding-left: 35px;
padding-right: 15px;
}

.photoGalleryThumbnailFolder
{
    border: solid 1px #cccccc;
    margin-bottom: 5px;
}

.photoGalleryThumbnailFolderText
{
    color: White;
    font-size: 9px;
    font-weight: bold;
    height: 15px;
    text-align: center;
margin-top: -3px;
margin-bottom: 4px;
}

.photoGalleryThumnailFolderPrev
{
margin-bottom: 5px; 
margin-top: 5px; 
text-align: center; 
height: 12px;
}

.photoGalleryThumnailFolderNext
{
text-align: center; 
height: 12px;
}

/********************************************************
 * Photo container - includes for photo and description *
 ********************************************************/
.photoGalleryPhotoContainer
{
    vertical-align: top;
    position: relative;
    padding-top: 22px;
    padding-left: 51px;
    padding-right: 22px;
    background-image: url(/app_themes/simplesite/photogallery/images/content1.jpg);
    background-repeat: repeat-x;
}

.photoGalleryPhotoContainerWithFolders
{
    vertical-align: top;
    position: relative;
    padding-top: 22px;
    padding-left: 0px;
    padding-right: 22px;
    background-image: url(/app_themes/simplesite/photogallery/images/content1.jpg);
    background-repeat: repeat-x;
}

.photoGalleryPhoto
{
    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 *
 *******************************/
.photoGalleryOverlayContainer
{
    border-bottom: solid 1px #cccccc;
    background-color: Black;
    
    position: absolute;
    top: 22px;
    width: 100%;
    visibility: hidden;
    z-index: 100;
}

.photoGalleryDescriptionContainer
{
    margin-top: 22px;
    background-color: #B3B9C9;
    margin-left: 0px;
    margin-right: 15px;
    width: 180px;
}

.photoGalleryDescriptionTitle
{
    float: left;
}

.photoGalleryDescriptionDate
{
    float: right;
}

.photoGalleryDescriptionHeader
{
    padding-left: 5px;
    padding-right: 5px;
    color: White;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    font-size: 8pt;
}

.photoGalleryDescriptionText
{
    padding-left: 5px;
    padding-right: 5px;
padding-bottom: 5px;
    color: White;
    font-weight: normal;
    
    font-size: 8pt;
}

.photoGalleryDescriptionTextBox
{
    color: #515771;
    font-family: Georgia;
    font-style: italic;
    font-weight: normal;
    font-size: 10pt;
    line-height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: left;
    vertical-align: top;
}

/*****************************
 * Photo Thumnails container *
 *****************************/
.photoGalleryThumbnailPhoto
{
    border: solid 1px #cccccc;
    float: left;
    margin-right: 5px;
}

.photoGalleryThumbnailPhotos
{
    padding: 5px;
    padding-left: 34px;
    padding-top: 15px;
    padding-bottom: 22px;
    vertical-align: bottom;
    background-image: url(/app_themes/simplesite/photogallery/images/content1.jpg);
    background-repeat: repeat-x;
}

.photoGalleryThumbnailPhotosWithFolders
{
    padding: 5px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 22px;
    vertical-align: bottom;
    background-image: url(/app_themes/simplesite/photogallery/images/content1.jpg);
    background-repeat: repeat-x;
}

.photoGalleryThumbnailPhotoPrev1
{
float: left; 
margin-top: 27px;
margin-left: 0px; 
margin-right: 5px; 
width: 12px;


}

.photoGalleryThumbnailPhotoNext1
{
float: left; 
margin-top: 27px; 
margin-right: 0px; 
width: 12px;

}

.photoGalleryThumbnailPhotoPrev2
{
float: left; 
margin-top: 27px;
margin-left: 0px; 
margin-right: 5px; 
width: 12px;

background-image: url(/app_themes/simplesite/icons/previous.gif);
    background-position: center center;
    background-repeat: no-repeat;
height: 12px;
}

.photoGalleryThumbnailPhotoNext2
{
float: left; 
margin-top: 27px; 
margin-right: 0px; 
width: 12px;
background-image: url(/app_themes/simplesite/icons/next.gif);
    background-position: center center;
    background-repeat: no-repeat;
height: 12px;
}