/* 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: left;
    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: right;
    height: 14px;
    width: auto;
}

/* Form Items */

.textfield
{
    border: 1px solid #929292;
    vertical-align: middle;
    padding: 3px;
    margin: 2px 0 5px 0;
}

/* Login View */

.login .label
{
    display: block;
}

.login .textbox
{
    border: 1px solid #929292;
    width: 140px;
    vertical-align: middle;
    padding: 3px;
    margin: 2px 0 5px 0;
}

.login .button
{
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* LIST */

/*
ul {
	list-style-type: none;
	list-style-image: url(images/bullet-2.gif);
	list-style-position: outside;
	line-height: 2.1em;
	vertical-align: middle;
	margin-left: 1.25em;
}
*/
.link
{
    list-style-image: url(images/bullet-1.gif);
}



/*************************************************/

/* 2.2 ALBUMS PAGE */

#albums
{
    padding: 37px 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;
}

/* 2.3 PHOTOS, DETAILS, ADMIN/DETAILS PAGE */

#photos, #details, #admin-details
{
    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: 755px;
    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;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

/* Photo admin necessary */

.photoadmin 
{
    
}

    .photoadmin  #sidebar {
	    float: left;
	    width: 214px;
	    height: 100%;
    }

    .photoadmin  #content {
	    margin-left: 256px;
    }
    
#admin-albums, #admin-photos 
{
    position: relative;
    width: 686px;
    padding: 37px 37px;
    padding-top: 37px; /* Weird Mozilla Bug */
    padding-bottom: 40px; /* Weird Mozilla Bug */
}