﻿/* 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);
}


/* 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;
}

/* Forum Layout for the Forum/Default Page */
.forum .topx----- 
{
    background-image: url(images/forum/forum-topx-----.gif);
    height: 35px;
    width: 20px;
}

.forum .top-x---- 
{
    background-image: url(images/forum/forum-top-x----.gif);
    height: 45px;
    width: 210px;
}

.forum .top--x--- 
{
    background-image: url(images/forum/forum-top--x---.gif);
    height: 45px;
    width: 180px;
}

.forum .top---x-- 
{
    background-image: url(images/forum/forum-top---x--.gif);
    height: 45px;
    width: 90px;
}

.forum .top----x- 
{
    background-image: url(images/forum/forum-top----x-.gif);
    height: 45px;
    width: 90px;
}

.forum .top-----x 
{
    background-image: url(images/forum/forum-top-----x.gif);
    height: 45px;
    width: 20px;
}

.forum .midtopx----- 
{
    background-image: url(images/forum/forum-midtopx-----.gif);
    height: 35px;
    width: 20px;
}

.forum .midtop-x----
{
    background-image: url(images/forum/forum-midtop-x----.gif);
    height: 35px;
    width: 210px;
}

.forum .midtop--x--- 
{
    background-image: url(images/forum/forum-midtop--x---.gif);
    text-align: center;
    height: 35px;
    width: 180px;
}

.forum .midtop---x-- 
{
    background-image: url(images/forum/forum-midtop---x--.gif);
    text-align: center;
    height: 35px;
    width: 90px;
}

.forum .midtop----x- 
{
    background-image: url(images/forum/forum-midtop----x-.gif);
    text-align: center;
    height: 35px;
    width: 90px;
}

.forum .midtop-----x 
{
    background-image: url(images/forum/forum-midtop-----x.gif);
    height: 35px;
    width: 20px;
}

.forum .midx----- 
{
    background-image: url(images/forum/forum-midx-----.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 20px;
}

.forum .mid-x---- 
{
    background-image: url(images/forum/forum-mid-x----.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 210px;
}

.forum .mid--x--- 
{
    background-image: url(images/forum/forum-mid--x---.gif);
    background-repeat: repeat-y;
    text-align: center;
    height: auto;
    width: 180px;
}

.forum .mid---x-- 
{
    background-image: url(images/forum/forum-mid---x--.gif);
    background-repeat: repeat-y;
    text-align: center;
    height: auto;
    width: 90px;
}

.forum .mid----x- 
{
    background-image: url(images/forum/forum-mid----x-.gif);
    background-repeat: repeat-y;
    text-align: center;
    height: auto;
    width: 90px;
}

.forum .mid-----x 
{
    background-image: url(images/forum/forum-mid-----x.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 20px;
}

.forum .botx----- 
{
    background-image: url(images/forum/forum-botx-----.gif);
    height: 30px;
    width: 20px;
}

.forum .bot-x----
{
    background-image: url(images/forum/forum-bot-x----.gif);
    height: 30px;
    width: 210px;
}

.forum .bot--x--- 
{
    background-image: url(images/forum/forum-bot--x---.gif);
    height: 30px;
    width: 180px;
}

.forum .bot---x-- 
{
    background-image: url(images/forum/forum-bot---x--.gif);
    height: 30px;
    width: 90px;
}

.forum .bot----x-
{
    background-image: url(images/forum/forum-bot----x-.gif);
    height: 30px;
    width: 90px;
}

.forum .bot-----x 
{
    background-image: url(images/forum/forum-bot-----x.gif);
    height: 30px;
    width: 20px;
}

.forum .divx----- 
{
    background-image: url(images/forum/forum-divx-----.gif);
    height: 25px;
    width: 20px;
}

.forum .div-x----
{
    background-image: url(images/forum/forum-div-x----.gif);
    height: 25px;
    width: 210px;
}

.forum .div--x--- 
{
    background-image: url(images/forum/forum-div--x---.gif);
    height: 25px;
    width: 180px;
}

.forum .div---x-- 
{
    background-image: url(images/forum/forum-div---x--.gif);
    height: 25px;
    width: 90px;
}

.forum .div----x- 
{
    background-image: url(images/forum/forum-div----x-.gif);
    height: 25px;
    width: 90px;
}

.forum .div-----x 
{
    background-image: url(images/forum/forum-div-----x.gif);
    height: 25px;
    width: 20px;
}

/* Posts Layout for the ViewForum Page */
.posts .topx--- 
{
    background-image: url(images/forum/post-topx---.gif);
    height: 58px;
    width: 30px;
}

.posts .top-x-- 
{
    background-image: url(images/forum/post-top-x--.gif);
    height: 58px;
    width: 190px;
}

.posts .top--x- 
{
    background-image: url(images/forum/post-top--x-.gif);
    height: 58px;
    width: 380px;
}

.posts .top---x 
{
    background-image: url(images/forum/post-top---x.gif);
    height: 58px;
    width: 40px;
}

.posts .midx--- 
{
    background-image: url(images/forum/post-midx---.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 30px;
}

.posts .mid-x-- 
{
    background-image: url(images/forum/post-mid-x--.gif);
    background-repeat: repeat-y;
    vertical-align: top;
    height: auto;
    width: 190px;
}

.posts .mid--x- 
{
    background-color: white;
    background-repeat: repeat-y;
    height: auto;
    width: 380px;
}

.posts .mid---x 
{
    background-image: url(images/forum/post-mid---x.gif);
    background-repeat: repeat-y;
    height: auto;
    width: 40px;
}

.posts .botx--- 
{
    background-image: url(images/forum/post-botx---.gif);
    height: 38px;
    width: 30px;
}

.posts .bot-x-- 
{
    background-image: url(images/forum/post-bot-x--.gif);
    height: 38px;
    width: 190px;
}

.posts .bot--x- 
{
    background-image: url(images/forum/post-bot--x-.gif);
    height: 38px;
    width: 380px;
}

.posts .bot---x 
{
    background-image: url(images/forum/post-bot---x.gif);
    height: 38px;
    width: 40px;
}

.posts .divx--- 
{
    background-image: url(images/forum/post-divx---.gif);
    height: 34px;
    width: 30px;
}

.posts .div-x-- 
{
    background-image: url(images/forum/post-div-x--.gif);
    height: 34px;
    width: 190px;
}

.posts .div--x- 
{
    background-image: url(images/forum/post-div--x-.gif);
    height: 34px;
    width: 380px;
}

.posts .div---x 
{
    background-image: url(images/forum/post-div---x.gif);
    height: 34px;
    width: 40px;
}