* {
	font-family: Verdana, Arial;
	font-size: 11px;
}
body, html{ padding:0; margin:0; text-align:center;}
body{ behavior:url("css/hover.htc"); color: #005;}

body.sub { background:url("/gfx/bg_sub.gif") #EBE8C7; }

/* Misc */

#footer em{
	position: absolute;
	right:50px;
	margin-top:-2em;
	color: #999;
	font-style: normal;
	font-size:10px;
}
#footer img.logo{ display: none; }

a img{ border:none; vertical-align:middle; }
a:link, a:visited { color:#048; text-decoration:none; }
a:hover, a:focus { color:#00F; text-decoration: underline; }

a.delButton,
a.button{
	padding: 2px 0px 4px 7px;
	margin-right: 10px;
	background: url('/gfx/button.gif') no-repeat center left;
}
a.delButton span,
a.button span{
	margin-right: -7px;
	padding: 2px 7px 3px 0px;
	font-size: 9px;
	color: #FFF;
	background: url('/gfx/button.gif') no-repeat center right;
	white-space:nowrap;
}
a.delButton,
a.delButton span{
	background-image: url('/gfx/delButton.gif');
}

img.help{
	cursor: help;
	position: absolute;
	margin: 4px 0 0 -10px;
}
h1{ font-size:22px; }
h2{ font-size:18px; }
h3{ font-size:14px; }
h5{ font-size:12px; color: #1F4E82;}

.underlined{ text-decoration: underline; }
.delete{ color:#F00; }
.clear{ clear:both;}
.breadcrumbs{padding-bottom:1em; margin-bottom:1em;}

hr {position:absolute; left:-1000em;}
hr.separator {position:static;}

.error{color:red; text-align:center;}
.remind{text-align:center; width: 230px;}

.accessRestricted{
	color: #CC9933;
	text-align:center;
	background: url("/gfx/stop.png") no-repeat center top;
	margin-top:80px;
	padding-top:55px;
	height:80px;
}
.info .accessRestricted{
	margin-top:10px;
}
.cent{text-align:center;}

.no-data{
	text-align: center;
	padding: 30px;
	color: #999;
	font-style: italic;
	border: 1px solid #CCC;
	background-color: #F5F5F5;
}
td.lbl{ text-align: right; border-right: 1px dotted #BDD; }

abbr{ cursor:help; }

em.shadow{ color: #999; font-size: 90%; text-shadow:2px 2px 2px #DDD }

/* Welcome screen */

.whatsnew .action{ 
	padding: 5px 20px; 
	background: url("/gfx/arrow-right.gif") no-repeat left center; 
	font-weight: bold; 
	color: red; 
	display:block;
}

#welcome_scr{ width:250px; line-height:44px; }
#welcome_scr b{ position:relative; z-index:-1; }

.welcomeList{ margin:0; padding:0; list-style:none;}
.welcomeList li a{
	display:block;
	width: 290px;
	line-height: 14px;
	background: url("/gfx/welcome_btn.png") no-repeat;
	color:#FFF;
	text-decoration:none;
	padding: 5px 7px 9px 7px;
}
.welcomeList li a:hover{
	background: url("/gfx/welcome_btn_hover.png") no-repeat;
	color: #1F4E82;
}

/* Main layout elements */

#wA {
	width: 990px;
	margin: 0px auto;
	position:relative;
	text-align:left;
	top: 20px;
}

#header{ position:absolute; z-index:2; }

#content {
	padding-top: 223px;
	background-repeat: no-repeat;
	background-color:#FFF;
}

#colLeft{
	float:left;
	width: 170px;
	margin-right:-40px;
	position:relative;
}

#colRight{
	padding: 10px 20px;
	float:right;
	width: 700px;
	position:relative;
}

#colSpan{
	background-color:#FFF;
	border-bottom: 1px solid #999;
}

#tree { text-align:center;}

#footer {
	padding: 5px 20px;
	height: 25px;
	position:relative;
}
	#footer ul {
		position:relative;
		float: right;
		list-style:none;
		margin:0;
		padding:0;
	}
	#footer li {
		float:left;
		padding: 0 10px;
		border-right: 1px solid #666;
	}
	#footer	li.last {border:none;}

/* Sub layout elements */

#zoomImg{
	position:absolute;
	top:0;
	left:0;
	display: none;
	z-index:800;
	background: url("/gfx/loading.gif") center center no-repeat #FFF;
	padding: 10px;
	border:1px solid #666;
}

.sub #wA{top:0;}

.sub #header{
	background:url("/gfx/top_sub.gif") no-repeat;
	width:970px;
	height:80px;
	padding:10px;
}

.sub #content{
	position:relative;
	top:100px;
	padding:20px 9px 0 9px;
	background:url('/gfx/content_bg_sub.gif') no-repeat top center;
}

.sub #colRight{
	width: 630px;
	padding-left:0px;
}
.roar-body{margin-left:10px;}
.sub .roar-body{margin-left:-10px;}

.sub #colLeft{
	width: 300px;
	margin: 0;
}

.sub #footer{
	top:100px;
	background: url("/gfx/foot_bg_sub.png") no-repeat bottom center;
}

.sub #MMain{display:none;}

.full #colRight{
	padding: 10px;
	width: auto;
	float:none;
}

/* Users Profile Page */

	#col1 { width:330px; text-align:center;}
	#col2 { width: 75px; text-align:center;}
	#col3 { width:210px;}
	
	#col1,
	#col2,
	#col3{ float:right; margin:0 2px; position:relative;}
	
	#col1 .noAccess{ 
		width: 250px;
		height: 235px;
		background:url("/gfx/no_access.png") no-repeat center center;
		padding: 115px 75px 0 75px;
		font-style:italic;
	}
	#col1 .noProfile{ 
		width: 250px;
		height: 235px;
		padding: 115px 75px 0 75px;
		border: 1px solid #666;
		background-color: #eee;
	}
	#col1 .noProfile img{border: 1px solid #666}
	
	#col2 img{ margin-bottom:8px; }
	
	#col3.profile { width:530px;}
	
	#col3 .lock,
	#col3 .abuse{ float:right; margin:1em 2px; }
	#col3 h1{
		margin:0;
		font-variant:small-caps;
		padding-top:10px; 
		line-height:94px;
		letter-spacing:.1em;
		text-align:center;
		width:208px;
		height: 94px;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif;
		color: #4C4938;
		background:url("/gfx/hello_bg.gif") no-repeat center center #D2CBA1;
	}
	#col3 p{text-align:justify;}
	
	#col3 .about,
	#col3 .info { float:left; margin-left: 5px;}
	
	#col3 .info h2,
	#col3 .about h2{
		height:73px;
		margin:0;
		text-indent: -5000px;
	}
	
	#col3 .info h2  { width: 260px; margin-top:3px;}
	#col3 .about h2 { width: 250px;}
	
	#col3 .info div.text{
		padding: 10px;
		padding-bottom: 2em;
		height: 160px;
		width: 245px;
		background:url("/gfx/user_info_bottom.gif") no-repeat bottom left;
	}
	
	#col3 .info dl{ margin: 0; }	
	
		#col3 .info dt {
			font-weight:bold;
			margin: 0 3px 0 0;
		}
	
		#col3 .info dd { margin-left: 2em; }

	#col3 .about div.text{
		padding: 10px;
		padding-bottom: 2em;
		width:235px;
		height:160px;
		text-align:justify;
		background:url("/gfx/user_about_bottom.gif") no-repeat bottom left;
		margin:0;
	}
	#col3 div.makeScroll{
		height: 160px;
		overflow: hidden;
	}

/* Tab panels */

ul.panels{
	position:absolute;
	list-style:none;
	margin:10px 0 0 -1px;
	padding:0;
}
	ul.panels li{
		float: left;
		line-height:20px;
		background-color:#FFF;
	}
	ul.panels li em,
	ul.panels li a{
		border: 1px solid #666;
		padding: 2px 10px;
		margin: 0 1px;
		background: #FFF;
		font-style: normal;
	}
	ul.panels li a{ background:#EEE; }
	ul.panels li a:hover,
	ul.panels li a:focus{ background:#F00; color:#FFF; text-decoration:none; }
	ul.panels li em{ font-weight:bold; border-bottom-color:#FFF;}

form.panel{
	clear:both;
	border: 1px solid #666;
	margin-top:30px;
}
* html form.panel{margin-top:29px;}

/* Menus */

#menus{z-index:1;}

	#menus ul{
		position:absolute;
		list-style:none;
		margin:0;
		padding:0;
	}

/* Families left menu*/

#FLM{
	position: relative;
	margin: -30px 0 0 15px;
	width: 280px;
	height: 257px;
	padding: 69px 0 20px 0;
}
	#FLM h3{ position:absolute; left:-5000em;}
	#FLM .text{
		background: url("/gfx/family_members_bg.png") no-repeat;
		padding-bottom:20px;
	}
	#FLM abbr{font-weight: bold;}
	
	#FLM ul.makeScroll{
		height: 257px;
		width: 270px;
		overflow:hidden;
		margin:0; 
		padding:0; 
		list-style:none; 
	}
	
	#FLM li{ margin-left: 2em; line-height:1.4em; color:#666; text-indent: -10px; width: 270px; }
		#FLM li a:link,  #FLM li a:visited{ color:#000 }
		#FLM li a:hover, #FLM li a:focus  { color:#00F }

/* Users left menu */

#ULM{
	width: 320px;
	height:280px;
	background:url("/gfx/yellow_card.gif") no-repeat;
	margin-top: 17px;
}

#ULM .clippedImage{
	position:relative;
	height: 126px;
}
#ULM .clippedImage img{ border: 1px solid #666; margin: 11px 34px;}

#ULM ul{
	background: url(/gfx/paperclip.gif) no-repeat;
	overflow:hidden;
	position:relative;
	margin: -124px 0 0 18px;
	padding: 115px 0 0 5px;
	list-style:none;
	z-index:0;
}
	#ULM li{
		overflow:hidden;
		line-height:45px;
	}
		#ULM li a{
			display:block;
			padding-left:30px;
			height:45px;
			text-decoration:none;
		}
		#ULM li b{
			position:relative;
			letter-spacing:-0.1ex;
			z-index:-1;
			color:#000;
			font-size:16px;
		}

/* Main top menu */

#MMain{
	width:150px;
	top:77px;
	left:53px;
	overflow:hidden;
	position:relative;
	z-index:0;
}

	#MMain li{line-height:28px; text-align:center; overflow:hidden;}
	#MMain li#MM2a,
	#MMain li#MM2{ line-height:14px; }
	#MMain a{
		display:block;
		width:150px;
		height:30px;
		text-decoration:none;
	}
	
	#MMain #MM1 a{height:28px;}
	#MMain #MM3 a{height:27px;}
	
	#MMain li b{
		position:relative;
		letter-spacing:-0.1ex;
		z-index:-1;
		color:#FFF;
	}
	
	#MMain #MM1 a{ background-position: 0 0;}
	#MMain #MM2 a{ background-position: 0 -28px;}
	#MMain #MM2a a{background-position: 0 -145px;}
	#MMain #MM3 a{ background-position: 0 -58px;}
	#MMain #MM4 a{ background-position: 0 -85px;}
	#MMain #MM5 a{ background-position: 0 -115px;}
	
	#MMain #MM1 a:hover,
	#MMain #MM1 a:focus{ background-position: -149px 0;}
	#MMain #MM2 a:hover,
	#MMain #MM2 a:focus{ background-position: -149px -28px;}
	#MMain #MM2a a:hover,
	#MMain #MM2a a:focus{background-position: -149px -145px;}
	#MMain #MM3 a:hover,
	#MMain #MM3 a:focus{ background-position: -149px -58px;}
	#MMain #MM4 a:hover,
	#MMain #MM4 a:focus{ background-position: -149px -85px;}
	#MMain #MM5 a:hover,
	#MMain #MM5 a:focus{ background-position: -149px -115px;}

/* Other top menus */

#MTopRight{
	top:102px;
	right:8px;
	z-index:6;
}
#MTopLeft{
	width:500px;
	top:102px;
	left:9px;
	z-index:7;
}
#MTop{
	top:53px;
	right:40px;
	z-index:3;
}
.sub #MTop{
	top:73px;
	right:10px;
}
	#MTopLeft li,
	#MTopRight li,
	#MTop li{
		margin-left:-10px;
		float: right;
		padding-right:7px;
		background:url("/gfx/tabs.gif") no-repeat right -167px;
		text-align:center;
		height: 18px;
	}
	#MTopLeft li{ margin:0 -10px 0 0; float:left; }
	#MTopRight li{ background:url("/gfx/tabs.gif") right -54px;}
	
		
		#MTopLeft li em,
		#MTopRight li em,
		#MTop li em,
		#MTopLeft li a,
		#MTopRight li a,
		#MTop li a{
			display:block;
			line-height:18px;
			color:#000;
			text-decoration:none;
			padding: 0 0 0 10px;
			margin-right:12px;
			text-transform:lowercase;
			background:url("/gfx/tabs.gif") no-repeat left -149px;
		}
		
		#MTopRight li em,
		#MTopRight li a{ background:url("/gfx/tabs.gif") left -36px;}
		
		#MTopLeft li,
		#MTopRight li:hover,
		#MTop li:hover {background:url("/gfx/tabs.gif") no-repeat right -18px;}
		
		#MTopLeft li em,
		#MTopRight li:hover em,
		#MTop li:hover em,
		#MTopLeft li a,
		#MTopRight li:hover a,
		#MTop li:hover a{background:url("/gfx/tabs.gif") no-repeat left top; color:#FFF;}

		#MTopRight li img,
		#MTop li img{ vertical-align: middle; margin: 3px 0;}

			#MTopLeft li ul{ position: absolute; }
			#MTopLeft li:hover ul li,
			#MTopLeft li ul li{ background:url("/gfx/tabs.gif") no-repeat right -92px; float:left; }
			#MTopLeft li:hover ul em,
			#MTopLeft li:hover ul a,
			#MTopLeft li ul li em,
			#MTopLeft li ul li a{ background:url("/gfx/tabs.gif") no-repeat left -74px; line-height:18px; color:#000;}
			
			#MTopLeft li ul li:hover {background:url("/gfx/tabs.gif") no-repeat right -130px;}
			
			#MTopLeft li ul li:hover em,
			#MTopLeft li ul li:hover a{background:url("/gfx/tabs.gif") no-repeat left -111px; color:yellow;}
		
		.sub #MTop li,
		.sub #MTop li em,
		.sub #MTop li a {background:none; color:#FFF; padding:0 .3ex;}
		.sub #MTop li:hover,
		.sub #MTop li:hover a{ background:none; text-decoration:underline;}

/* Language versions menu */

#MLang{
	top:20px;
	right:55px;
	z-index:4;
}
	#MLang li{
		margin-left:2px;
		float: right;
		background:url("/gfx/flag_bg_inactive.gif") no-repeat top left;
		width:29px;
		height:24px;
	}
	#MLang li.active{background-image:url("/gfx/flag_bg_active.gif");}
	.sub #MLang li{background-image:url("/gfx/flag_bg_blue.gif");}

/* Skins switcher menu */

#MSkins{
	position:absolute;
	top:20px;
	left:700px;
	height:2em;
	padding-top:3px;
	z-index:5;
}
.sub #MSkins{display:none;}

	#MSkins ul{
		position:relative;
		margin: -15px 0 0 50px;
		height:2em;
	}
	#MSkins li{ float: left; }

/* User profile menu */

#UPM {
	position: relative;
	overflow:hidden;
	width: 415px;
	height: 34px;
	list-style:none;
	margin: 5px 0;
	padding:0;
	z-index: 0;
	float:left;
}
#UPM li{text-align:center; float:left;}

	#UPM a,
	#UPM em{
		display:block;
		width:132px;
		overflow:hidden;
		text-decoration:none;
	}
	
		#UPM li b{
			position:relative;
			letter-spacing:-0.1ex;
			z-index:-1;
			line-height:34px;
		}
		
	#UPM1  a{ background-position: 0 0;}
	#UPM2  a{ background-position: -132px 0;}
	#UPM3  a{ background-position: -264px 0; width:150px;}
	#UPM3a a{ background-position: -423px 0; width:150px;}
	
	#UPM1  em{ background-position: 0 -68px;}
	#UPM3  em{ background-position: -264px -68px; width:150px;}
	#UPM3a em{ background-position: -423px -68px; width:150px;}
	
	#UPM1  a:hover, #UPM1  a:focus{ background-position: 0 -34px;}
	#UPM2  a:hover, #UPM2  a:focus{ background-position: -132px -34px;}
	#UPM3  a:hover, #UPM3  a:focus{ background-position: -264px -34px;}
	#UPM3a a:hover, #UPM3a a:focus{ background-position: -423px -34px;}


/*Context Menu*/	
#ContextMenu {	
	position: absolute;
	border:	1px solid #999;
	background-color: #FFF;
	display: none;
	padding: 2px 2px;
	font-size: 10px;
}
#ContextMenu a{
	color: #000;
	display: block;
	text-align: left;
	padding: 2px 10px;
	border: 1px solid #FFF;
}
#ContextMenu a:hover{
	text-decoration: none;
	background-color: #BDE;
	border: 1px solid #797;
}
#ContextMenu a.add{
	background: url('/gfx/plus_icon.gif') no-repeat 3px center;
	padding-left: 20px;
}
#ContextMenu a.info{
	background: url('/gfx/info_icon.gif') no-repeat 3px center;
	padding-left: 20px;
}

/* Loging panel */

#logged p{text-align:center;}
.sub #logged {
	position: absolute;
	background:	none;
	top: 50px;
	right: 23px;
	text-align:	right;
	color: yellow;
	z-index: 10;
	width: 600px;
}

	.sub #logged .logout,
	.sub #logged .txt{color:#74b6ff;}
	.sub #logged .usr{color:yellow; margin-right:1em;}

#logged,
#form_login{
	background-repeat: no-repeat;
	padding-left: 13px;
	margin:	0 auto;
	width: 275px;
}
	.sub #colLeft #form_login{ margin-right: -15px; }
	
	#logged p,
	#form_login fieldset{
		background:url("/gfx/login_bg2.gif") left top no-repeat;
		margin:0;
		width: 205px;
		height: 108px;
		padding: 12px 15px 0px 10px;
	}
	
	#form_login label.input{
		width: 50px;
		font-weight:bold;
		display:block;
		text-align:right;
		line-height:21px;
		float:left;
	}
	#form_login .keyboardInputInitiator{ float:left; margin:5px 0 0 -30px;}
	#form_login #ssl{ width:auto; clear:left; vertical-align:middle; margin: 0 0 0 10px;}
	
	#form_login #l1, 
	#form_login #l2 {
		border:1px solid #999; 
		height:14px; 
		margin:3px 0 5px 5px; 
		float:left;
	}
	#form_login #l1 { width:130px; }
	#form_login #l2 { width:98px; margin:3px 32px 0 5px; }

	#form_login #lb1{ float:right; margin:5px 23px 0px 0;}
	#form_login #lb2{ margin: 5px 0 0 25px;}

.needLogin{
	margin: 40px 100px;
	text-align:center;
}
	.needLogin strong{
		display:block;
		padding: 10px 50px;
		margin-bottom:10px;
		background-color:#DD2417;
		color:#FFF;
	}
	.needLogin #form_login{
		padding-left: 50px;
	}

/* Advertisement panel */

#google1, #google2{
	margin: 5px 0;
	position: relative;
}

.sub #google1{margin: 5px 10px 0 35px;}
.sub #google2{margin: 5px 10px;}


/* Statistics */

#stats{
	position: absolute;
	width: 345px;
	height: 20px;
	right: 40px;
	top: 72px;
	color:#fff;
	padding: 0 20px;
}

/* Front page stuff */

.paragraph{
	text-align:justify;
	padding-top: 55px;
	margin-top:-50px;
}

h1.welcome{
	position:relative;
	padding-left:70px;
	z-index:-1;
	margin: 1em;
}

.latest{ float:left; overflow:hidden; position:relative; }
.latest ul{ padding:0; margin:-7px 0 0 10px; list-style: none; }
.latest li{ float:left; text-align:center; width:114px; }

#lastPhotos{
	background:url("/gfx/lastPhotos.gif") no-repeat;
	width: 480px;
	height: 225px;
	margin: 0 -5px 0 -10px;
}
#lastPhotos p{ margin: 28px 0 22px 75px; color:#FFF;}

#lastFamilies{
	background:url("/gfx/lastFamilies.gif") no-repeat;
	width: 250px;
	height: 200px;
	margin: 26px -20px 0 0;
}
#lastFamilies p{ margin: 3px 0 22px 15px; color:#FFF;}

.lastFamily,
.thumbnail{
	background: url("/gfx/img_bg.gif") no-repeat 2px 0px;
	display: block;
	width: 100px;
	height: 106px;
	padding: 4px 8px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom:-1em;
	cursor: pointer;
}
.thumbnail img{
	max-width:100px;
	max-height:100px;
	zoom:1;
}
.lastFamily{
	height:103px;
	padding-top:10px;
}

.lastFamily .flags{
	display:block;
	width:79px;
	height:82px;
	margin: auto;
	padding:2px;
	text-align: left;
	background: url("/gfx/tree_img.png") no-repeat center center;
}
.profileName{ 
	display: block; 
	height: 26px; 
	overflow: hidden;
	padding: 0 3px;
}

.beam {
	background: #012D6D;
	padding:4px;
	color: white;
	font-weight: bold;
}

/* Regular forms */
form fieldset{ padding: 1em; }

form fieldset.hide { border:none; padding:0;}
form fieldset.hide legend{ display:none; }

form label{ color: #333; cursor:pointer;}
form input.checkbox{ width:auto; vertical-align:middle; }
form textarea{margin: 5px 10px;}
form input,
form select{ width: 200px; margin: 5px 10px;}
form input.date{width: 74px;}
form select.time{width: auto;}
form select,
form textarea,
form input[type=password],
form input[type=text]{border:1px solid #CCE; padding: 2px}
form select:focus,
form textarea:focus,
form input[type=password]:focus,
form input[type=text]:focus{border:1px solid #88F;}
form input[type=submit]{font-weight:bold;}

form input.image{width:auto;}
form.problem{
	position: absolute;
	right: 7px;
	margin-top:-33px;
}

.regular { width:100%; margin: 1em 0;}
.regular td {border-bottom: 1px solid #DDD;vertical-align:middle; }
.regular td em{color:#777;}
.regular td.newItem {text-align:center;border:none;}
.regular td.avatar {text-align:center; border: 1px solid #DDD; background-color: #EEE;}
.regular th {padding-top:2em;}
.regular .static{ padding-left:10px; }
.regular .edit{ font-weight:normal; float: right;}

label select, label .ajax{ display:block; }
input.mButton{ margin:0; width:auto; }

/* Form buttons */

.buttons { position:relative; text-align: center; clear:right;}
.buttons input{ margin: 1em; width: auto;}
.buttons input.delete{ position:absolute; right:0px; }

/* Regisrtation & user profile */

#passStrength{
	width:200px;
	background-color:#EEE;
}
td.avatar img{
	background-color: #FFF;
	border: 1px solid #666;
	padding:2px;
	margin:2px;
}

.userBox{
	text-align:center;
	float:right;
	padding:1em;
	background-color:#F5F5F5;
}

.crossOut{ text-decoration: line-through; cursor:pointer; }

#rRegulations{
	height:150px;
	overflow:auto;
	text-align:justify;
	border: 1px solid #BBB;
	padding:1em;
}

.uploadAvatar{
	clear: both;
	float: right;
}
.uploadAvatar fieldset{ border: 1px solid #999; }
.uploadAvatar legend{ display: block; }
.uploadAvatar input{ margin: 3px; }

/* Gallery & Friends */

.family_photos,
.searchResults,
.friends,
.photos{
	position:relative;
	width:550px;
	margin:0;
	list-style:none;
	clear:both;
}

	.family_photos li,
	.searchResults li,
	.friends li,
	.photos li{
		float:left;
		display:block;
		width:24%;
		min-height:100px;
		text-align: center;
		margin: 1em 0;
		position:relative;
	}
	* html .family_photos li,
	* html .searchResults li,
	* html .friends li,
	* html .photos li{ height:100px; }
	
	.friends li.familyName{
		width:100%;
		clear:left;
		float:none;
		height:1.5em;
		line-height:1.5em;
		min-height:1.5em;
		background-color: #f4f4f4;
		border:1px solid #CCC;
		padding: 3px 10px;
		text-align: left;
	}
	
.photoInfo{
	text-align:left;
	background-color: #CCC;
	color:#666;
	padding: .3em 2em;
	width: 400px;
	margin: 1em auto;
}
.photosNav{margin:0;padding:0;}

	.photosNav li{
		list-style: none;
		padding: 0 10px;
		color: #CCC;
	}
		li.prev{float:left;}
		li.next{float:right;}

.category{text-align:right; margin-bottom: 10px;}
.gallery_buttons{ text-align: center; padding-bottom: .5em; border-bottom: 1px solid #DDD; }
.photo{ margin-top:2em; text-align:center; }

h3.invReceived{
	position:relative;
	padding-top:1.5em;
	top:1em;
	margin:1em 0 2em 0;
	border-top: 1px dashed #BFDFED;
	clear:left;
}

a.accept, a.discard{ 
	position:absolute;
	display:block;
	width: 16px;
	height:16px;
	top:4px;
	text-indent:-5000px;
}

a.accept{  background: url("/gfx/plus.gif")  no-repeat; right:35px; }
a.discard{ background: url("/gfx/minus.gif") no-repeat; right:16px; }

/* Family page */

.family_photos{
	padding: 0;
	border-top: 1px solid #999;
	top: 1em;
	width: 645px;
}
.family_photos li{ width:19%; height: 157px; overflow:hidden; }
#treeFlash{ outline:none; }
.moderators{ text-align: right; padding-top: 15px; clear: right; }

.photos li.mainTree{
	width:97%;
	border: 1px solid #CCC;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	background-color: #EEF;
}
.photos li.mainTree .edit{ position: absolute; top: 10px; right:10px; }

/* Announced */

.announced h2{ color: #55A; margin:.75em;}
.announced .abuse,
.announced a.edit{ float:right; margin-top:-2em;}
.announced  ul { margin:0; padding:0; list-style:none; text-align:justify; }


/* Search */

#basicSearch{
	width:235px;
	margin:8px;
	text-align: left;
}
	.sub #basicSearch{ margin: 8px 50px; }
	* html #basicSearch fieldset{padding:0 0 10px 5px;}

	#basicSearch form{
		padding: 95px 10px 5px 20px;
		margin:0;
		width:205px;
		background:url("/gfx/search_bottom.gif") left bottom no-repeat;
	}
	
		#basicSearch label.input{ 
			width: 45px;
			display:block;
			line-height:21px;
			float:left;
		}

		#basicSearch #s1,
		#basicSearch #s2,
		#basicSearch #s3 { 
			border:1px solid #999;
			margin:3px 0 5px 0;
			width: 180px; 
		}
		#basicSearch #s2,
		#basicSearch #s3 { 
			width:130px;
			margin:3px 0 5px 5px;
			float:left;
		}
		#basicSearch #s3 {width:133px;}

		#basicSearch #sb1,
		#basicSearch #sb2{ margin: 5px 2px; float: left;}
		
#advSearch legend{ display:inline; color:blue; margin-left: -2em; }
#advSearch fieldset{
	border: 1px solid blue;
	padding: 5px 3em;
	width:560px;
}
	#advSearch fieldset b{
		color:blue;
		display:block;
		position:relative;
		margin:-12px 0 0 -2em;
		background-color:#FFF;
		float:left;
		padding: 0 .5em;
		font-weight: normal;
	}
	#advSearch fieldset fieldset{width: 500px; clear: both; }

	#advSearch .radioList{ border-bottom: 1px solid #CCC; margin:-5px 0 5px 0; clear:left; }
	#advSearch .radioList label{ display:inline; float: none; }
	
	#advSearch label{
		display:block;
		float: left;
		height: 40px;
		padding: .2em .5em;
	}
	#advSearch label.low{
		height: auto;
	}
	
		#advSearch input,
		#advSearch select{
			width: 164px;
			margin: 4px 0px;
		}
		#advSearch .newSearch{
			display: inline;
			float: right;
			margin:-5px -25px -10px 0;
		}
		
		#advSearch select{width: 172px;	}
		#advSearch input.checkbox{width: auto;}
		#advSearch input.date{width: 74px;}
		#advSearch select.numbers{width: 70px;}
		#advSearch select.resultsPerPage{width: auto; clear:both;}

#advSearch .mButton{
	width: auto;
	float: right;
	margin: -5px 0 7px 10px;
}

.searchResults{
	width:670px;
	padding:0 2em;
	margin-right:-20px;
}
	.searchResults li{ width:19%; height: 145px; overflow:hidden; }
	
/* Blogs */

.blog h2{ color: #55A; margin:.75em;}
.blog .abuse,
.blog a.edit{ float:right; margin-top:-2em;}
.blog em.date{ text-align:right; display:block; margin:1em 0 -2.5em 0; }
.blog blockquote{ margin:0 3em; padding: 0; }
	.blog blockquote .quoteStyle {
		display: block;
		margin: 0 1em 1em 1em;
		padding: 2em 1em 1em 1em;
		border: 1px solid gray;
		background-color: #f1f1f1;
	}
.blog .child_lock{
	color: #666;
	padding: 15px;
	margin: 0;
	border: 1px solid #666;
	text-align: center;
}

#blogPeriod{
	margin: 1em 2em;
	width: 250px;
}
#blogPeriod h3{margin: 0; font-size: 16px; color:#55A; }
#blogPeriod ul{ border-bottom:1px dashed #ccc; padding-bottom:1em; }
#blogPeriod li a{font-size: 14px; font-variant:small-caps; padding: 0 .5em; }
#blogPeriod a.actual{ color:#000; font-weight:bold; }

/* Comments */

.comments{
	border-bottom: 1px solid #55A;
	padding: 2em;
	text-align:right;
}

p#comments{ 
	text-align:center;
	margin: 2em;
	font-style:italic;
	font-size:12px;
	color:#666;
}

ul#comments{
	list-style: none;
	margin: 0 1em;
	padding:0;
	text-align: left;
}
	ul#comments li{	margin: 2em 0; }
		ul#comments div { background-color: #EEE; margin-bottom:5px;}
			ul#comments div strong{ margin: 0 1em;}
			ul#comments div .delete{ float:right;}
		ul#comments pre{
			font-family: inherit; 
			margin:0; 
			padding: 3px .7em;
		}

#addComment{
	margin:1em 50px;
	padding:0;
	text-align:left;
	display:none;
	background-color:#eee;
	border: 1px solid #666;
}
	#addComment label{ display:block; }

	#addComment #f0,
	#addComment #f1 { width:450px;}

/* Inner mail */

ul.folders{
	list-style: none;
	margin:0; padding:0;
}
	ul.folders li { 
		float: left; 
		margin: 1em .5em;
	}

.msgbox{ clear:both; }
	.msgbox ul{ 
		margin:1em 0;
		padding:0;
		list-style:none;
	}
	
	.msgbox li{
		line-height: 22px;
		height:22px;
		background-color:#FAFAFA;
		margin: 2px 0px;
		border-bottom:1px solid #BBB;
		clear:left;
	}
	.msgbox li:hover{ background-color:#F4F4F4; }

	.msgbox li img{ float:left; margin-top:5px; }
	.msgbox .checkbox{ float:left; }
	.msgbox em.date{ font-size:9px; font-style:normal; letter-spacing:-0.1ex; float:right; color:#666;}
	.msgbox .sender{ float:left; width:22%; height:2em; overflow:hidden; margin:0 .5em; color:#000;}
	.msgbox span.sender{ color:#888; }
	.mailbox em.sender,
	.msgbox em.sender{ color: #00B; letter-spacing:1px; }
	.msgbox .subject{ float:left; overflow:hidden; height:2em; width:51%; }

	.mailbox .subject{ display:block; background-color: #F5F5F5; padding:.5em; }
	.mailbox blockquote{ border: 1px solid #CCC; padding:1em; margin:0; }
	
	.msgbox .buttons {background: url("/gfx/L.gif") 8px 4px no-repeat; padding-left: 25px; }
	.msgbox .buttons select,
	.msgbox .buttons input { float:left; margin:0 0 0 1em;}

	.mailBox .userBox{ margin-top:-2em; }
	.empty{ font-weight:bold; }

/* Forum */

table.forum{width:100%; margin: 1em 0;}

	table.forum th{ background-color: #036; color: #FFF; text-align:center; }
	table.forum td{ border:1px solid #999; text-align:center; }
	table.forum td.topic{ text-align:left; width:45%; padding-left:1em; }
	table.forum tr:hover td{ background-color:#f4f4f4; }
	
	.thread{ margin:1em 0; }
	
		.thread blockquote {
			border-left:2px solid #66B;
			margin: .75em 0 .75em 1em;
			position:relative;
		}
		.thread blockquote blockquote{ border-left:1px solid #666; }
		
		img.showHide{
			position:absolute;
			cursor: pointer;
			left: -11px;
			top:  6px;
		}
		.thread .wrote {
			margin: 0px;
			border-bottom: 1px dashed #CCC;
			padding: 5px;
			background-color: #f4f4f4;
		}
		.thread .wrote .abuse,
		.thread .wrote .tButton,
		.thread .wrote input{ font-size:9px; margin:-3px 0 0 .5em; float:right; }
		
		.thread .post{ padding:5px;}
		
		.thread .post cite{
			position: relative;
			display: block;
			font-style: normal;
			font-weight: bold;
			margin: 30px 0 0 15px;
			z-index:2;
		}
		.thread .post .quoteStyle {
			position: relative;
			margin: 10px 2px -2.5em 5px;
			border: 1px solid gray;
			background: url('gfx/quote.gif') top right no-repeat #f1f1f1;
			top: -2.5em;
			padding: 2em 10px 10px 15px;
			z-index:1;
		}
		
	.bottomNav{ clear:both; margin:3em 0em; }
	
	.bottomNav .tOpt{ float: right; margin-left:1em; }

/* Abuse handling */

.reportAbuse .buttons {text-align: left; padding:0 3em;}

/* Help */

.faqList,
	.faqList ul{
		list-style: none;
		margin:0 1em;
		padding:0;	
	}
	.faqList li{
		font-weight: bold;
		margin-top:.5em;
	}
		.faqList li li{
			font-weight: normal;
			margin-top:0;
		}
		
	.faqAnswers h2 {
		background-color: #006;
		color:#FFF;
		font-size: 14px;
		padding: 2px .5em;
		margin: 1em 0;
	}
	
	.faqAnswers{margin-top:2em;}
		.faqAnswers blockquote { margin: 0 0 0 2em;}
	
	.answer:active{	color:#F00;}
		.answer h3 {
			background-color: lightblue;
			padding: 0 4px;
			margin: .5em 0;
		}

.contact{ font-weight: bold; }
.instructions{ text-align: justify; margin:2em 1em;}

/* Pagination links */

.pager{ clear:both; padding: .5em 1em; }

.pager ul { list-style: none; padding:0; margin:10px 50px; }
	.pager li { display:inline; padding:0; margin:0;}
		.pager ul em,
		.pager ul a {
			background-color: #FFF;
			color: #003E69; 
			padding: 3px 4px 2px 4px; 
			border: 1px solid #BFDFED;
			margin-right: 2px; 
			text-decoration: none; 
		}
		.pager ul a:focus,
		.pager ul a:hover {	background-color: #BFDFED; }
		.pager ul em { background-color: #BFDFED; font-weight: bold; color: #FFF;}

/* Image code */

.imageCode { width:150px; overflow:hidden; display:block; }
.imageCode img {margin-left:-45px;}