/* Generic Styles */

#albums {
	padding: 10px 0px;
}

#album {
	padding: 10px;
	border:solid 0px #999999;
}



.album-title-container{
    text-align:center;	
}
.album-title, 
.album-title a,
.album-title a:hover,
.album-title a:visited {
    color:#003366;
	font-family:Arial, "Arial Black";
	font-size:12px;
	line-height:12px;
	font-style:normal;
	font-weight:bold;
}
.album-items-count {
    color: #999999;
	font-family:Arial, "Arial Black";
	font-size:12px;
	font-style:normal;
	font-weight:normal;
}

.album-descr-separator{
    width:10px;
}
.album-descr-container {
    padding: 5px;
}
.album-descr-title {
    color: #003366;
	font-family:Arial, "Arial Black";
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}
.album-description {
    color: #666666;
	font-family:Arial, "Arial Black";
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-align:justify;
	vertical-align:top;
}


.album_content {
    padding:15px 0 0 0;
}
.album_content_item_descr {
    color: #003366;
	font-family:Arial, "Arial Black";
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}


.view {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    margin-bottom: 20px;
	padding: 2px;
	border-collapse:collapse;
}

.view .photo-frame {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
    margin-top: 10px;
}

.randomview {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    margin-bottom: 20px;
	padding: 2px;
	border-collapse:collapse;
}

.randomview .photo-frame {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
    margin-top: 10px;
}

.album-item {
	padding: 10px 10px;
	color: #B2B2B2;
}

.album-item h4 {
	margin-bottom: 0.4em;
}

#photos .view, #admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

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

.photo-frame
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

.photo-frame TD {
	margin: 0px;
	padding: 0px;
}

.photo-frame .topx-- 
{
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	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-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}
.album-frame .top--x-- {
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .top---x- {
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}

.album-frame .mtpx---- {
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}
.album-frame .mtp----x {
	background-repeat: repeat-y;
	vertical-align: top;
	height: auto;
	width: 14px;
}

.album-frame .midx---- {
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}
.album-frame .mid----x {
	background-repeat: repeat-y;
	height: auto;
	width: 14px;
}

.album-frame .mbtx---- {
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}
.album-frame .mbt----x {
	background-repeat: repeat-y;
	vertical-align: bottom;
	height: auto;
	width: 14px;
}

.album-frame .bot-x--- {
	background-repeat: repeat-x;
	text-align: right;
	height: 14px;
	width: auto;
}
.album-frame .bot--x-- {
	background-repeat: repeat-x;
	height: 14px;
	width: auto;
}
.album-frame .bot---x- {
	background-repeat: repeat-x;
	text-align: left;
	height: 14px;
	width: auto;
}