﻿/* Photo Border for All Pages Except the Albums Page */

.photo-frame .topx-- {
	background-image: url(Images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(Images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(Images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

/* Photo Border for the Album Page */

.album-frame .topx----,
.album-frame .top----x,
.album-frame .botx----,
.album-frame .bot----x {
	height: 14px;
	width: 14px;
}

.album-frame .top-x--- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-image: url(images/album-tstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-image: url(images/album-lstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-image: url(images/album-rstretch.gif);
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-image: url(images/album-bstretch.gif);
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}


/* Inline styles are used because image controls hard code a border property */

.photo_198  {
	border: 4px solid #FFFFFF;
}


/* gallery admin pages*/
#albumsidebar {
	float: left;
	width: 215px; /*layout width 225 */
	padding:5px;
	margin-top:15px;
	background-color:#DDDDDD;
	
}
#albumcontent 
{
    margin-left:235px;
}

#gallerynav
{
    text-align:right;
}



#gallerynav li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

/*
#logincontainer
{
    clear: left;
    float: left;
}
*/

#albumfilterview
{
	float:left;
	width:150px;
	background-color:#E6D5BD;
	padding:4px;
	border:solid 1px #D6BC96;
}
	

#albums
{
    text-align:center;
    margin-left:159px;
}

.albumcontainer, .photocontainer
{
    float:left;
    margin:0 15px 15px 0;
    text-align:center;
}

.ThumbSmall,.ThumbMedium,.ThumbBig
{
    float:left;
    margin:0 15px 15px 0;
    text-align:center;
    /*background-color:Maroon;*/
}
.ThumbSmall 
{
    width:91px;
    height:91px;
}	 
.ThumbMedium
{
    width:141px;
    height:141px;
}	 
.ThumbBig 
{
    width:191px;
    height:191px;
}	 
#zzzalbumvideos
{
	float:right;
	width:200px;
}


#albumpreferences
{
	position:absolute;
	top:170px;
	top:78px;
	right:10px;
	font-size:smaller;
	padding:5px;
	background-color:#6E133C;
	color:#FFF0D7;
	/*border:solid 1px #417292;*/
}

    
.albumcontainer h4
{
    margin:0;
}

/* 2.2 ALBUMS PAGE */

#albums {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0px 37px;
	padding-bottom: 40px;
	/*width: 686px;*/
}

.view {
	margin-left: auto;
	margin-right: auto;
	/*width: 686px;*/
	text-align: center;
}

.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}
/*  */
    
/* AlbumPhotos and AlumPhoto pages */
#photos, #details
{ text-align:center;}

#photos, #details, #admin-details {
	background-image: url(images/body-repeat-photo.gif);
	padding: 0;
	/*width: 760px;*/
}

.buttonbar {
	background-image: url(images/photonav-bg.gif);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	/*width: 744px;*/
	height: 33px;
	text-align: center;
}

.buttonbar-top {
	background-image: url(images/photonav-top-bg.gif);
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}
*/
   
#photos, #details
{
    font-size:smaller;
}

img.inlay
{
	border: 4px solid #FFFFFF;
}

.downloadimagelinks img
{
	vertical-align:middle;
}