﻿/* CSS Stylesheet for photo gallery */
.photoThumbnail{ height:60px; width:80px;}
.watermark{ color:GrayText;}
.slideShow{ width:600px; height:auto; margin:auto; text-align:center; display:block; padding:10px 0 10px 0;}
.imageContent{ width:100%; height:100%; border-color:ActiveBorder; border-style:solid; border-width:2px;}
.NoDisplay{ display:none;}
.albumFrameBody{  padding:10px 10px 10px 0;}
.albumFrame{display:block; height:100%; }
.slideTitle
{
	font-weight:bold;
	font-size:16px;
	text-align:center;
	}
.slideDescription{ width:580px; margin:auto; font-size:10px; display:block; text-align:center; padding:10px 0 10px 0; }
.slidebutton{
	height: 27px;
	background-image: url("images/greybar.png");
	width: 600px;
	text-align: center;
	margin: auto 78px  auto auto;
}
.albumFieldSet{ width: 200px; padding :10px 0 10px 0;}
.borderStyle{ border-color:ActiveBorder; border-style:solid; border-width:0px; padding:5px 5px 5px 5px;}

.guestSiteBody{ width:852px; border-color:#000000; border-style:solid; border-width:0px; min-height:480px; margin:30px auto 0 auto;}

.photoGallerydescription{ width:600px;  font-size:10px; float:left; padding:10px 10px 0 10px;}
.photoGalleryTitle{ font-size:15px; font-weight:bold;}
.photoGalleryLogin{ width:400px; float:left; padding:10px 10px 0 10px; text-align:center;}
.memberPhoto{ clear:both; width:852px; padding:10px 10px 10px 10px;}
.memberPhotoTitle{ font-size:14px; font-weight:bold; float:left;}
.thumbnailContent{ width:auto; text-align:center;margin: auto 10px  auto auto;}
.reorderlist{ width:480px; display:block; height:auto;}
.reorderlist li{ list-style-image:none; float:left; padding:1px 5px 1px 5px; display:block;}
.reorderlist ul{ display:block;}

.memberSiteBody{ width:852px; margin:0 auto 0 auto;}
.memberTop{ border-color:#9BBDD3; border-style:solid; border-width:1px; min-height:60px; margin:30px 0 0 0;}
.memberBottom{ margin:10px 0 0 0;}
.memberHello{ font-size:20px; padding:10px 0 10px 30px; color:#9BBDD3;}
.panMemberPhoto{ width:98%; max-height:500px;}
.divCreateUser{ margin:30px auto 0 auto; width:640px;}
.win {clear:both;margin-bottom:11px;}
.win h3 {padding:5px 10px;font:bold 1.1em tahoma;margin-left:2px;}
.win h4 {font-size:1em;color:#888;border-bottom:1px dotted #ccc;margin:0 -12px;padding:0 12px;}
.win .box {padding:4px 11px; min-height:440px;}
.winBlue {clear:both; width:100%;background:#C0D6E5 url('images/winSkinALeft.gif') no-repeat;}
.winBlue h3 {background:#C0D6E5 url('images/winSkinARight.gif') top right no-repeat;color:#081B39;font-weight:bold;}
.winBlue .box { border:1px solid #9BBDD3;background-color:#fff;	margin-top: -18px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	z-index:100;
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.decription
{
	font-size:12px;

}
.title{ height:30px; width:100%; text-align:center; font-size:20px; font-weight:bolder; background-color:Blue; color:White; vertical-align:middle;}


.MessageModalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}

.ErrorMessages
{
font-family: Verdana, Tahoma, sans-serif; 
font-size: 8pt; 
color: #D70000; 
font-style: normal; 
text-decoration: none; 
text-align: Left
}
.login{ width:360px; margin:60px auto 0 auto;}

.emailThisBody{ width:400px;}
.buttonLeft{ float:left; padding:10px;}
.buttonRight{ float:right; padding:10px;}
.description{}


.album_hover_node{ background:#ffffff; color:#000000;}
.album_leaf_node{ }
.album_selected_node{ background:#ff0000;color:#ff0000; }
.album_tree_nodes{ background:#00FF00;}

/*  Album */
.album{ width:150px;
        height:200px;
       /* background-image:url('Images/Album_bg.gif');*/
        margin:5px;
        float:left;
        text-align:center;
        cursor:pointer;
        }

.album_thumbnail{ width:120px; margin: 10px auto 0 auto;}
.album_name{ padding:10px 20px 0 20px; color:#FFFFFF; font-weight:bold;}
.album_count{ padding:5px 20px 0 20px; color:#000000; font-size:10px;}
.album_views{ padding:5px 20px 0 20px; color:#663300;font-size:10px;}
.album_link{padding: 5px 20px 0 20px; color: #663300; font-size: 10px;
}

.subAlbum{
width:600px; margin:0 auto 0 auto;
padding:40px 10px 10px 10px;
}

