/* CSS Stylesheet for photo gallery */
.photoThumbnail{ height:120px; width:160px;}
.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:14px;
	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;
}

       a:active     {
font-size: 11px;
color: #0099CC;
text-decoration: none;
}
a:link       { 	
font-size: 11px;
color: #0099CC;
text-decoration: none;}

a:visited    { 
font-size: 11px;
color: #0099CC;
text-decoration: none;}

a {	
font-size: 11px;
font-family: Verdana;
color: #0099CC;
}
a:hover {
font-size: 11px;
color: #00CCFF;
text-decoration: none;
}
.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:950px; 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:950px; 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;
}

.registrationContent
{
	padding:10px 10px 10px 10px;
	
}

.registrationEventName{ background-image:url("images/bar.jpg"); height:35px; padding:10px 0 0 15px; font-weight:bold;}

.registrationInfo{ width:605px; margin:auto; background-image:url('images/productboxwidest_top.gif'); background-repeat:no-repeat; }
.registrationInfoBody{ background-image:url('images/productboxwidest_bg.gif'); background-repeat:repeat-y; margin-top:15px; display:block; padding:0 20px 10px 20px;}
.registrationInfoBottom{ clear:both; background-image:url('images/productboxwide_bottom.gif'); background-repeat:no-repeat; height:20px; background-position:bottom;}
.registrationStep{ padding:10px 10px 10px 10px;}
.registrationLegend{ border-width:1px; border-style:solid; border-color:ActiveBorder; padding:5px 10px 5px 10px;}
.registrationContent{ padding:10px 10px 10px 10px;}
.registrationCenter{ text-align:center;}
.registrationButton{ text-align:right; padding:10px 10px 10px 10px; }

.EventList{ vertical-align:middle;}
.EventListImage{ clear:both;  float:left;}
.EventListTitle{ clear:both; float:left; font-weight:bold;}
.EventListDate{ clear:both;  float:left;}
.EventListVenue{  clear:both; float:left;}
.registrationBorder
{
	border-color:ActiveBorder; 
	border-style:solid; 
	border-width:1px; }
.EventComponentdetail{ font-weight:bold; border-color:ActiveBorder; 
	border-style:solid; 
	border-width:1px; }
.EventComponentdetail a{ text-decoration:none;} 
.registrationEventComponentDetailtableTitle
{
	border-color:ActiveBorder; 
	border-style:solid; 
	border-width:1px; 
	text-align:center; 
	background-color:Scrollbar;

        }
.registrationPurchaseHeader{ background-color:Scrollbar;}




/*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;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.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;}

.modalPopupRoleManage {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}


.MessageModalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}
.LoginModalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:640px;
}
/* Menu */

#menu{ clear:both; display:table-cell;position:relative; border-right:1px solid #999999;border-bottom:1px solid #999999;width:180px;} 
#menu span{color:#666;} #tpnav #menu span.remark{color:#666;font-size:10px!important;} 
#menu ul { list-style-image: none;margin:0px;font-size:12px;} 
#menu li { float:left; display:inline-table; margin-bottom:0!important;list-style-type: none!important;background-image:none!important;padding:0!important;} 
#menu li img { border: 0;padding: 4px 4px 4px 0px; vertical-align: middle; } 
#menu li a:visited { width:160px; color: #000;text-decoration: none;display: block;padding:3px 7px 3px 7px;min-height:18px;height:auto!important;
                     height:18px;background-color:#E9E9E9;border-top:1px solid #fff;border-bottom:1px solid #CECECE; 
                     background-image: url(images/menu_bg.gif); background-position:right; background-repeat:repeat-y; } 
#menu li a:link { width:160px; color: #000;text-decoration: none;display: block;padding:3px 7px 3px 7px;min-height:18px;height:auto!important;
                     height:18px;background-color:#E9E9E9;border-top:1px solid #fff;border-bottom:1px solid #CECECE; 
                     background-image: url(images/menu_bg.gif); background-position:right; background-repeat:repeat-y; } 
#menu li a:hover{ background:#FFD49D;border-bottom:1px solid #E6A974;border-top:1px solid #fff; } 
#resourcebody #menu li a:hover{ background-image: url(images/menu_resource_current.gif); } 
#menu li a.current:visited{ background:#FFD49D;border-bottom:1px solid #E6A974;border-top:1px solid #fff; } 
#menu li a.current:link{ background:#FFD49D;border-bottom:1px solid #E6A974;border-top:1px solid #fff; } 
#menu li li a:visited { font-size:0.9em;padding: 4px 0 4px 25px;margin: 0px;border-bottom: 1px dotted #b8b8b8;
                                            background: url(images/menu_arr.gif) #ffffff 10px 7px no-repeat; } 
#menu li li a:link { font-size:0.9em;padding: 4px 0 4px 25px;margin: 0px;border-bottom: 1px dotted #b8b8b8;
                                            background: url(images/menu_arr.gif) #ffffff 10px 7px no-repeat; } 
#menu li li a.current:visited
{ background-image: url(images/menu_arr_current.gif)!important; background-color:#fff6cb; background-repeat:no-repeat; background-position:10px 7px; } 
#menu li li a.current:link
{ background-image: url(images/menu_arr_current.gif)!important; background-color:#fff6cb; background-repeat:no-repeat; background-position:10px 7px; } 
#menu li li a:hover
{ background-image: url(images/menu_arr_current.gif)!important; background-color:#fff6cb; background-repeat:no-repeat; background-position:10px 7px; } 
#menu.unlink li a:hover { background-color:#E9E9E9!important; color: #666!important;
                                                                             cursor: default; border-bottom:2px solid #BCBCBC!important; } 
#menu.unlink li a:visited { background-color:#E9E9E9!important; color: #666!important;
                                                                             cursor: default; border-bottom:2px solid #BCBCBC!important; } 
#menu.unlink li a:link { background-color:#E9E9E9!important; color: #666!important;
                                                                             cursor: default; border-bottom:2px solid #BCBCBC!important; } 
#menu.unlink li li a:hover 
{ background-image: url(images/menu_arr.gif)!important; background-color: #fff!important; color:#666!important; 
  border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a:visited 
{ background-image: url(images/menu_arr.gif)!important; background-color: #fff!important; color:#666!important; 
  border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a:link 
{ background-image: url(images/menu_arr.gif)!important; background-color: #fff!important; color:#666!important; 
  border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li a.current:hover 
{ background-color:#d9d9d9!important; border-bottom:2px solid #b0b0b0!important; } 
#menu.unlink li a.current:visited 
{ background-color:#d9d9d9!important; border-bottom:2px solid #b0b0b0!important; } 
#menu.unlink li a.current:link 
{ background-color:#d9d9d9!important; border-bottom:2px solid #b0b0b0!important; } 
#menu.unlink li li a.current:hover 
{ background-color: #efefef!important; border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a.current:visited 
{ background-color: #efefef!important; border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a.current:link 
{ background-color: #efefef!important; border-bottom: 1px dotted #b8b8b8!important; } 
#menu.unlink li li a:hover.seeall 
{ background-image: url(images/see_all.gif)!important; } 

#menu.unlink li li a:visited.seeall 
{ background-image: url(images/see_all.gif)!important; } 

#menu.unlink li li a:link.seeall 
{ background-image: url(images/see_all.gif)!important; } 

#menu-mini h3{margin:6px 0 0 0;padding:3px 3px 3px 6px;color:#fff;font: bold 0.8em verdana;border-bottom:2px solid #b5b5b5;background-color:#d15c19;} 
#menu-mini ul {margin:0;font:10px verdana;list-style-image:none;background-color:#fff;}  
#menu-mini li {margin:0;padding:0;list-style-type:none;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;} 
#menu-mini li img {border: 0;padding: 4px 4px 4px 0px; vertical-align: middle;}
 #menu-mini li a:visited 
 {padding: 2px 1px 0px 5px;margin:0;min-height:18px;height:auto!important;height:18px;color:#000;text-decoration:none;display:block;
  background: url(images/menu_resource_bg.gif) repeat-x;} 
 #menu-mini li a:link 
 {padding: 2px 1px 0px 5px;margin:0;min-height:18px;height:auto!important;height:18px;color:#000;text-decoration:none;display:block;
  background: url(images/menu_resource_bg.gif) repeat-x;} 
#menu-mini li a:hover{background-image: url(images/menu_resource_current.gif);} 
#menu-mini li li a:visited{display:block;padding:3px 0 0 20px;margin:0px;border-bottom: 1px dotted #b8b8b8;
                                                    background: url(images/menu_arr.gif) #ffffff 5px 6px no-repeat;} 
#menu-mini li li a:link{display:block;padding:3px 0 0 20px;margin:0px;border-bottom: 1px dotted #b8b8b8;
                                                    background: url(images/menu_arr.gif) #ffffff 5px 6px no-repeat;} 
#menu-mini li li a:hover{background-image:url(images/menu_arr_current.gif);background-color:#fff6cb;} 
#menu-mini li a.current:visited{background-image: url(images/menu_resource_current.gif);} 
#menu-mini li a.current:link{background-image: url(images/menu_resource_current.gif);} 
#menu-mini li li a.current:visited{background-image: url(images/menu_arr_current.gif)!important;
                                                                    background-color:#fff6cb;} 
#menu-mini li li a.current:link{background-image: url(images/menu_arr_current.gif)!important;
                                                                    background-color:#fff6cb;} 
#menu-mini.unlink h3{background-color:#999;} 
#menu-mini.unlink li a:hover 
{cursor:default;color:#777;background: url(images/menu_resource_bg.gif);} 
#menu-mini.unlink li a:visited 
{cursor:default;color:#777;background: url(images/menu_resource_bg.gif);} 
#menu-mini.unlink li a:link 
{cursor:default;color:#777;background: url(images/menu_resource_bg.gif);} 
#menu-mini.unlink li a.current:hover 
{background: url(images/menu_resource_current.gif);}
 #menu-mini.unlink li a.current:visited 
{background: url(images/menu_resource_current.gif);}
 #menu-mini.unlink li a.current:link 
{background: url(images/menu_resource_current.gif);}
 /* Menu */ 


.ErrorMessages
{
font-family: Verdana, Tahoma, sans-serif; 
font-size: 8pt; 
color: #D70000; 
font-style: normal; 
text-decoration: none; 
text-align: Left
}
.login{ width:260px; 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:175px;
        height:219px;
        background-image:url('images/Album_bg.gif');
        margin:5px;
        float:left;
        cursor: pointer;
        }
        
.album_thumbnail{
	width: 140px;
	margin: 25px auto 0 25px;
}
.album_name{ padding:10px 20px 0 20px; color:#F2F2F2; font-weight:bold;}
.album_count{ padding:5px 20px 0 20px; color:#F2F2F2; font-size:10px;}
.album_views{ padding:5px 20px 0 20px; color:#F2F2F2;font-size:10px;}
.album_link{padding: 5px 20px 0 20px; color: #F1F1F1; font-size: 10px; font-size: 11px;
color: #0099CC;

}
.album_link:hover {
font-size: 11px;
color: #00CCFF;
text-decoration: none;
}

.subAlbum{
width:650px; margin:0 auto 0 auto;
padding:40px 10px 10px 10px;
}