.invisible
{
	display:none !important;
}



div.apart
{
	position:relative;
	
	vertical-align:middle;
	display:inline-block;
	
	margin:0px 10px;
	

}

span.generalinfo
{
	position:relative;
	
	color:gray;
	
}	

label.generalinfo
{
	position:relative;
	
	color:#292929;
	
	font-weight:bold;
	
	font-size:10px;
	
}	


@media screen and (min-width: 771px) {


	
	#beforelogin
	{
		position:fixed;
		
		bottom:10px;
		
		left:10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		padding:5px;
		
		background:black;
		
		max-width:200px;
		
		z-index:1200;
		
		border-radius:10px;
		 
		 
	}
	
	div.beforelogin
	{
		position:relative;
		
		margin:10px 0px;
		
		color:white;
	
	}	
		
	button.beforelogin
	{
		position:relative;
		
		border:0px solid silver;
		
		
		margin:0px 10px;
		
		cursor:pointer;
	
		
	}
			
				
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
	
	}
	#header
	{
		
		background:#292929;
		padding:5px 5px 5px 5px;
		font-family:arial,sans-serif;
	
	}
	.subpage
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.subpage:hover
	{
		color:silver;
	
	}

	.m_submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	
	.m_submenu:hover
	{
		color:silver;
	
	}

	
	.submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	
	.submenu:hover
	{
		color:silver;
	
	}
	
	
	
	#logozone
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	
	
	.right
	{
		text-align:right;
	}
	
	
	.left
	{
		text-align:leftt;
	}
	
	
	
	#logo
	{
	
		
		display:inline-block;
		
		color:white; 
		cursor:pointer;  
		font-size:20px; 
		margin-right: 30px; 
		font-weight:bold; 
		text-shadow:-1px -1px silver; 
		
		font-family:arial,verdana,helvetica, sans-serif;
		
		
		cursor:pointer;
	
	}
	
	#search_zone
	{
		/*margin-top:10px;
		margin-right:10px;*/
	
	}
	
	#result_zone
	{
		position:relative;
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		margin-bottom:20px;
		background:#fafaff;
		border:1px solid silver;
		border-radius:5px;
		padding:5px;
		box-shadow:-5px 5px 5px 5px #888888; 
		
		font-family:arial,verdana,helvetica, sans-serif;
	}
	.multibox
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	
	}
	#abody
	{
		
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	}
	
	#container
	{
		position:relative;
		width:1100px;
		margin-right:auto;
		margin-left:auto;
		background:red;
	
	}
	
	#actions
	{
		width:400px;
		
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		
	
	}
	
	#news
	{
		width:680px;
		min-height:450px;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		font-weight:bold;
		border-radius:5px;
		box-shadow:-2px 10px 10px 7px #999999;
	
	
	}
	.abox
	{
		min-width:400px;
		text-align:left;
	
	
		font-weight:bold;
	
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		font-weight:bold;
		background:#fafaff;
		border:1px solid #EAEAFF;
		margin-left:5px;
	}
	
	#afooter
	{
		text-align:center;
		font-family:arial, verdana, helvetica, sans-serif;
		padding:5px 0px 0px 0px;
		background:silver;
		margin-top:5px;
	}
	
	.lang
	{
		color:silver;
		cursor:pointer;
	}
	
	.lang:hover
	{
		color:#0066ff;
	
	}
	
	#lstmenubelow
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px #292929;
	}
	.submenu_below:hover
	{
		color:black;
		text-shadow:-1px -1px gray;
	
	}
	
	#copyright
	{
		color:#888888;
		font-weight:bold;
		text-shadow:-1px -1px #292929;
		margin-top:20px;
	
	}
	.news_titlte
	{
		text-align:center;
		font-weight:bold;
		font-size: 25px;
		font-family:arial, verdana, helvetica,sans-serif;
	}
	
	.news_body
	{
		padding:5px 10px 5px 10px;
		text-align:left;
		font-weight:normal;
		font-size: 18px;
		font-family:'Open Sans',arial, verdana, helvetica,sans-serif;
	
	}
	
	.news_footer
	{
		padding:0px 0px 10px 5px;
		text-align:left;
		font-weight:normal;
		font-size: 17px;
		text-decoration:italic;
		text-decoration:oblique;
		font-style:italic;
		color:silver;
		font-family: verdana, helvetica,sans-serif;
	}
	
	#pubbox_1
	{
		position:fixed;
		bottom:0px ;
		right:0px;
		min-width:200px;
		min-height:200px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;
		display:none;	
	}
	
	
	#pubbox_2
	{
		position:fixed;
		bottom:0px ;
		width:600px;
		min-height:80px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;	
		background:#fafaff;
		background:lightblue;
		background:#fafaff;
		display:none;
	}
	
	.clickable
	{
		cursor:pointer;
		margin-right:5px;
		font-weight:bold;
		color:silver;
	}
	
	.clickable:hover
	{
		color:gray;
	
	}
	.vertical-text {
		
		transform:translateY(75px) rotate(90deg) ;
		transform-origin: left top 0;
		-webkit-transform: translateY(75px) rotate(-90deg);
	
		/* Firefox */
		-moz-transform: translateY(75px) rotate(-90deg);
	
		/* IE */
		-ms-transform:translateY(75px) rotate(-90deg);
	
		/* Opera */
		-o-transform:translateY(75px) rotate(-90deg);
	
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		float: left;
		
		
	}
	
	
	/****************************Login *******************************/
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		border:1px solid silver;
	
	}
	
	#si_title
	{
		font-size:18px;
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px;
		 font-family:arial,verdana,helvetica,sans-serif;
	}	
				
	#box_title
	{
		
		text-align:left; 
		padding:0px 420px 0px 5px;
		padding-right:-moz-calc(100% - 80px);
		padding-right:-webkit-calc(100% - 80px);
	
	}
					
	input.login
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.login_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
		
		border:0px solid transparent;
	}
	
	#help_btn
	{
		
		
	}
	
	#lg_closebtn
	{
		cursor:pointer;
		display:none;
	}
	
	#recovery_btn
	{
		cursor:pointer; 
		color:#292929; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-weight:bold; 
	
	}
	
	
	/******************************recovery**********************************/
	#recovery_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		display:none;
		border:1px solid silver;
	
	}
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	#box_title_lst
	{
		
		padding:0px 350px 0px 5px;
		padding-right:-moz-calc(100% - 170px);
		padding-right:-webkit-calc(100% - 170px);
	
	}
	#lg:hover
	{
		color:gray;
	
	}
	
	input.recovery
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.recovery_btn
	{
		background:#292929;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#r_clsbtn
	{
		display:none;
	
	}
	
	/*********************** register **********************************/
	#signup_box
	{
		position:relative; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:0px solid silver; 
		text-align:center; 
		font-size:30px; 
		padding:0px 0px 0px 0px; 
		font-family:arial; 
		
		box-shadow: 5px 10px 10px 7px #999999;
		border-radius:10px; 
		
	}
	
	#su_title
	{
		position:relative;
		border-radius:5px 5px 0px 0px; 
		background : #292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-size:18px;
	
	}
	
	#su_body
	{
		position:relative;
		border:1px solid silver;  
		border-radius:0px 0px 7px 5px ;
		background:white; 
		padding:0px 0px 10px 0px;
	}
	
	input.inputsignupfrm
	{
		width:96%;
		font-size:25px;
		color:silver;
	}
	
	input.namesignupfrm
	{
		/*width:50%;*/
		font-size:25px;
		color:silver;
		vertical-align:top;
		display:inline-block;
	}
	
	.check
	{
		display:none;
	}
	
	.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
	
	}
	
	#box_title_sgnup
	{
		
		text-align:left; 
		padding:0px 325px 0px 5px;
		padding-right:-moz-calc(100% - 90px);
		padding-right:-webkit-calc(100% - 90px);
	}
	
	.sgnp_line
	{
	
		text-align:center;
	
	}
	
	.error
	{
		font-size:15px;
	
	}
	
	
	input.register
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#su_clsbtn
	{
		display:none;
	
	}
	
	#tofind
	{
		font-weight:bold;
		color: #DD3010;
		font-family: arial,sans-serif;
		
	
	}
	
	#tofindbox
	{
		font-family: arial,sans-serif;
		margin-top:10px;
		margin-bottom:10px
	
	}
	
	#occurence
	{
		font-style:italic;
		color:gray;
	}
	
	
	#reporticon
	{
		position:fixed;
		bottom:50%;
		left:0px;
		z-index:200;
		border:1px solid silver;
		padding:5px;
		box-shadow:-2px 2px 2px 2px #888888;
		cursor:pointer;
	}
	
	#reporticon:hover
	{
		background:silver;
	}
	
	
	.ad_death
	{
		background:#dadada;
	}
	
	.ad_born
	{
		background: rgba(100,149,237,0.3);
	}
	
	.ad_baptism
	{
		background: rgba(128,128,0,0.3);
	}
	
	.ad_communion
	{
		background: rgba(30,155,255,0.3);
	}
	
	
	.ad_graduation
	{
		background: rgba(148,0,211,0.3);
	}
	
	.ad_wedding
	{
		background: rgba(255,215,0,0.3);
	
	
	}
	
	div#user_action
	{
		position:relative; 
		width:1100px;  
		margin-left:auto; 
		margin-right:auto; 
		text-align:center; 
		padding:0px 0px 20px 0px;  
		font-family:arial,verdana,helvetica, sans-serif;
		display:none;
	}
	
	/****************************************************************************************************************************/
	div.boxview
	{
		text-align:center;
		margin:50px 0px 10px 0px;
		/*display:none;*/
	
	}
	
	div.ad_all_square:hover
	{
		box-shadow:5px 5px 5px 5px #888888;
	}
	
	div.ad_all_square
	{
		position:relative;
		vertical-align:top;
		display:inline-block;
		margin-bottom:15px;
		margin-top:50px;
		margin-right:15px;
		margin-left:15px;
	}
	
	img.ad_img
	{
		max-width:200px;
		max-height:200px;
		min-height:200px;
	
	}
	div.ad_info
	{
		position:absolute; 
		bottom:0px;   
		/*padding:0px 10px 0px 10px; */
		text-align:center; 
		/*margin-top:5px; 
		margin-bottom:10px;*/
		background:rgba(0,0,0,0.8);
		color:white;
		width:100%;
		font-family:arial,sans-serif;
	}
	
	a.ad_info
	{
		text-decoration:none;
		padding:5px 0px 5px 0px;
		font-weight:bold;
		font-size:20px;
		text-shadow:-1px -1px navy;
	}
	
	a.ad_info:link
	{
		color:lightblue;
	
	}
	
	a.ad_info:visited
	{
		color:tomato;	
	
	}
	
	a.ad_info:hover
	{
		color:palegreen;
	
	}
	
	a.ad_info:active
	{
		color:dodgerblue;
	
	}
	
	
	div.viewmenu
	{
		vertical-align:top;
		display:inline-block;
		cursor:pointer;
		
	}
	
	img.viewmenu
	{
		cursor:pointer;
	}
	
	
	img#picview
	{
		cursor:pointer;
	}
	
	/*#############################################################################################*/
	/*#############################################################################################*/
	
	
	
	
	
	
	body
	{
		background:white;
	
	}
	#header
	{
		opacity:0.5;
	}
	
	#header:hover
	{
		opacity:1;
	}
	
	
	
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:0px 0px 5px 2px #292929;
		border-color: cornflowerblue;
	
	}
	
	#si_title
	{
		background:dodgerblue;
		border-color:cornflowerblue;
	}
	
	input.login_btn:hover
	{
		background:dodgerblue;
		box-shadow:0px 0px 2px 1px #999999;
	}
	
	#recovery_btn
	{
		color:firebrick;
	}
	
	#recovery_btn:hover
	{
		color:dodgerblue;
	}
	
	
	
	input.login_btn
	{
		background:cornflowerblue;
		
		border:0px solid transparent;
	
	}
	
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:dodgerblue; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	input.recovery_btn:hover
	{
		background:dodgerblue;
	}
	
	input.recovery_btn
	{
		background:cornflowerblue;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	
	#afooter
	{
		/*position:fixed;*/
		background:transparent;
		width:100%;
		bottom:0px;
		left:0px;
		margin:50px 0px 0px 0px;
	}
	
	
	#lstmenubelow
	{
		background:transparent;
	}
	
	
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:skyblue;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px transparent;
	}
	.submenu_below:hover
	{
		color:white;
		text-shadow:-1px -1px black;
	
	}
	
	
	#copyright
	{
		color:skyblue;
		font-weight:bold;
		text-shadow:-1px -1px navy;
		margin-top:20px;
	
	}
	
	
	#helpboxheader
	{
		position:relative;
		text-align:right;
		color:skyblue;
		padding:5px;
		
	}
	
	#helpbox
	{
		position:relative;
		width:700px;
		margin:10px auto;
		background:lightblue;
		color:skyblue;
		border:1px solid skyblue;
		border-radius:5px;
		font-family:arial,sans-serif;
		display:none;
		transition: display 2s;
		-webkit-transition: display 2s;
	}
	
	
	#helpboxcontent
	{
		padding:5px 10px 10px 10px;
		text-align:center;
		
	}
	
	@keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	@-webkit-keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	
	.wiggle
	{
		animation-name:highlight;
		animation-duration:2s;
		
		-webkit-animation-name:highlight;
		-webkit-animation-duration:2s;
		
	}
	
	#language
	{
		position: relative;
		background:white;
		color: navy;
		border:1px solid skyblue;
		paddding:5px;
		vertical-align: middle;	
	}


}



/* Old Mobile */
@media only screen and (max-width: 229px) {
 
	
	#beforelogin
	{
		position:fixed;
		
		bottom:10px;
		
		left:10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		padding:5px;
		
		background:black;
		
		max-width:200px;
		
		z-index:1200;
		
		border-radius:10px;
		 
		 
	}
	
	div.beforelogin
	{
		position:relative;
		
		margin:10px 0px;
		
		color:white;
	
	}	
		
	button.beforelogin
	{
		position:relative;
		
		border:0px solid silver;
		
		
		margin:0px 10px;
		
		cursor:pointer;
	
		
	}
			
			
 	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
	
	}
	#header
	{
		
		background:#292929;
		padding:5px 5px 5px 5px;
		font-family:arial,sans-serif;
	
	}
	.subpage
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.subpage:hover
	{
		color:silver;
	
	}
	
	.submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.submenu:hover
	{
		color:silver;
	
	}
	
	
	
	#logozone
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	
	
	.right
	{
		text-align:right;
	}
	
	
	.left
	{
		text-align:leftt;
	}
	
	
	
	#logo
	{
	
		
		display:inline-block;
		
		color:white; 
		cursor:pointer;  
		font-size:20px; 
		margin-right: 30px; 
		font-weight:bold; 
		text-shadow:-1px -1px silver; 
		
		font-family:arial,verdana,helvetica, sans-serif;
		
		
		cursor:pointer;
	
	}
	
	#search_zone
	{
		/*margin-top:10px;
		margin-right:10px;*/
	
	}
	
	#result_zone
	{
		position:relative;
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		margin-bottom:20px;
		background:#fafaff;
		border:1px solid silver;
		border-radius:5px;
		padding:5px;
		box-shadow:-5px 5px 5px 5px #888888; 
		
		font-family:arial,verdana,helvetica, sans-serif;
	}
	.multibox
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	
	}
	#abody
	{
		
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	}
	
	#container
	{
		position:relative;
		width:1100px;
		margin-right:auto;
		margin-left:auto;
		background:red;
	
	}
	
	#actions
	{
		width:400px;
		
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		
	
	}
	
	#news
	{
		width:680px;
		min-height:450px;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		font-weight:bold;
		border-radius:5px;
		box-shadow:-2px 10px 10px 7px #999999;
	
	
	}
	.abox
	{
		min-width:400px;
		text-align:left;
	
	
		font-weight:bold;
	
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		font-weight:bold;
		background:#fafaff;
		border:1px solid #EAEAFF;
		margin-left:5px;
	}
	
	#afooter
	{
		text-align:center;
		font-family:arial, verdana, helvetica, sans-serif;
		padding:5px 0px 0px 0px;
		background:silver;
		margin-top:5px;
	}
	
	.lang
	{
		color:silver;
		cursor:pointer;
	}
	
	.lang:hover
	{
		color:#0066ff;
	
	}
	
	#lstmenubelow
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px #292929;
	}
	.submenu_below:hover
	{
		color:black;
		text-shadow:-1px -1px gray;
	
	}
	
	#copyright
	{
		color:#888888;
		font-weight:bold;
		text-shadow:-1px -1px #292929;
		margin-top:20px;
	
	}
	.news_titlte
	{
		text-align:center;
		font-weight:bold;
		font-size: 25px;
		font-family:arial, verdana, helvetica,sans-serif;
	}
	
	.news_body
	{
		padding:5px 10px 5px 10px;
		text-align:left;
		font-weight:normal;
		font-size: 18px;
		font-family:'Open Sans',arial, verdana, helvetica,sans-serif;
	
	}
	
	.news_footer
	{
		padding:0px 0px 10px 5px;
		text-align:left;
		font-weight:normal;
		font-size: 17px;
		text-decoration:italic;
		text-decoration:oblique;
		font-style:italic;
		color:silver;
		font-family: verdana, helvetica,sans-serif;
	}
	
	#pubbox_1
	{
		position:fixed;
		bottom:0px ;
		right:0px;
		min-width:200px;
		min-height:200px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;
		display:none;	
	}
	
	
	#pubbox_2
	{
		position:fixed;
		bottom:0px ;
		width:600px;
		min-height:80px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;	
		background:#fafaff;
		background:lightblue;
		background:#fafaff;
		display:none;
	}
	
	.clickable
	{
		cursor:pointer;
		margin-right:5px;
		font-weight:bold;
		color:silver;
	}
	
	.clickable:hover
	{
		color:gray;
	
	}
	.vertical-text {
		
		transform:translateY(75px) rotate(90deg) ;
		transform-origin: left top 0;
		-webkit-transform: translateY(75px) rotate(-90deg);
	
		/* Firefox */
		-moz-transform: translateY(75px) rotate(-90deg);
	
		/* IE */
		-ms-transform:translateY(75px) rotate(-90deg);
	
		/* Opera */
		-o-transform:translateY(75px) rotate(-90deg);
	
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		float: left;
		
		
	}
	
	
	/****************************Login *******************************/
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		border:1px solid silver;
	
	}
	
	#si_title
	{
		font-size:18px;
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px;
		 font-family:arial,verdana,helvetica,sans-serif;
	}	
				
	#box_title
	{
		
		text-align:left; 
		padding:0px 420px 0px 5px;
		padding-right:-moz-calc(100% - 80px);
		padding-right:-webkit-calc(100% - 80px);
	
	}
					
	input.login
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.login_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
		
		border:0px solid transparent;
	}
	
	#help_btn
	{
		
		
	}
	
	#lg_closebtn
	{
		cursor:pointer;
		display:none;
	}
	
	#recovery_btn
	{
		cursor:pointer; 
		color:#292929; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-weight:bold; 
	
	}
	
	
	/******************************recovery**********************************/
	#recovery_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		display:none;
		border:1px solid silver;
	
	}
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	#box_title_lst
	{
		
		padding:0px 350px 0px 5px;
		padding-right:-moz-calc(100% - 170px);
		padding-right:-webkit-calc(100% - 170px);
	
	}
	#lg:hover
	{
		color:gray;
	
	}
	
	input.recovery
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.recovery_btn
	{
		background:#292929;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#r_clsbtn
	{
		display:none;
	
	}
	
	/*********************** register **********************************/
	#signup_box
	{
		position:relative; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:0px solid silver; 
		text-align:center; 
		font-size:30px; 
		padding:0px 0px 0px 0px; 
		font-family:arial; 
		
		box-shadow: 5px 10px 10px 7px #999999;
		border-radius:10px; 
		
	}
	
	#su_title
	{
		position:relative;
		border-radius:5px 5px 0px 0px; 
		background : #292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-size:18px;
	
	}
	
	#su_body
	{
		position:relative;
		border:1px solid silver;  
		border-radius:0px 0px 7px 5px ;
		background:white; 
		padding:0px 0px 10px 0px;
	}
	
	input.inputsignupfrm
	{
		width:96%;
		font-size:25px;
		color:silver;
	}
	
	input.namesignupfrm
	{
		/*width:50%;*/
		font-size:25px;
		color:silver;
		vertical-align:top;
		display:inline-block;
	}
	
	.check
	{
		display:none;
	}
	
	.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
	
	}
	
	#box_title_sgnup
	{
		
		text-align:left; 
		padding:0px 325px 0px 5px;
		padding-right:-moz-calc(100% - 90px);
		padding-right:-webkit-calc(100% - 90px);
	}
	
	.sgnp_line
	{
	
		text-align:center;
	
	}
	
	.error
	{
		font-size:15px;
	
	}
	
	
	input.register
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#su_clsbtn
	{
		display:none;
	
	}
	
	#tofind
	{
		font-weight:bold;
		color: #DD3010;
		font-family: arial,sans-serif;
		
	
	}
	
	#tofindbox
	{
		font-family: arial,sans-serif;
		margin-top:10px;
		margin-bottom:10px
	
	}
	
	#occurence
	{
		font-style:italic;
		color:gray;
	}
	
	
	#reporticon
	{
		position:fixed;
		bottom:50%;
		left:0px;
		z-index:200;
		border:1px solid silver;
		padding:5px;
		box-shadow:-2px 2px 2px 2px #888888;
		cursor:pointer;
	}
	
	#reporticon:hover
	{
		background:silver;
	}
	
	
	.ad_death
	{
		background:#dadada;
	}
	
	.ad_born
	{
		background: rgba(100,149,237,0.3);
	}
	
	.ad_baptism
	{
		background: rgba(128,128,0,0.3);
	}
	
	.ad_communion
	{
		background: rgba(30,155,255,0.3);
	}
	
	
	.ad_graduation
	{
		background: rgba(148,0,211,0.3);
	}
	
	.ad_wedding
	{
		background: rgba(255,215,0,0.3);
	
	
	}
	
	div#user_action
	{
		position:relative; 
		width:1100px;  
		margin-left:auto; 
		margin-right:auto; 
		text-align:center; 
		padding:0px 0px 20px 0px;  
		font-family:arial,verdana,helvetica, sans-serif;
		display:none;
	}
	
	/****************************************************************************************************************************/
	div.boxview
	{
		text-align:center;
		margin:50px 0px 10px 0px;
		/*display:none;*/
	
	}
	
	div.ad_all_square:hover
	{
		box-shadow:5px 5px 5px 5px #888888;
	}
	
	div.ad_all_square
	{
		position:relative;
		vertical-align:top;
		display:inline-block;
		margin-bottom:15px;
		margin-top:50px;
		margin-right:15px;
		margin-left:15px;
	}
	
	img.ad_img
	{
		max-width:200px;
		max-height:200px;
		min-height:200px;
	
	}
	div.ad_info
	{
		position:absolute; 
		bottom:0px;   
		/*padding:0px 10px 0px 10px; */
		text-align:center; 
		/*margin-top:5px; 
		margin-bottom:10px;*/
		background:rgba(0,0,0,0.8);
		color:white;
		width:100%;
		font-family:arial,sans-serif;
	}
	
	a.ad_info
	{
		text-decoration:none;
		padding:5px 0px 5px 0px;
		font-weight:bold;
		font-size:20px;
		text-shadow:-1px -1px navy;
	}
	
	a.ad_info:link
	{
		color:lightblue;
	
	}
	
	a.ad_info:visited
	{
		color:tomato;	
	
	}
	
	a.ad_info:hover
	{
		color:palegreen;
	
	}
	
	a.ad_info:active
	{
		color:dodgerblue;
	
	}
	
	
	div.viewmenu
	{
		vertical-align:top;
		display:inline-block;
		cursor:pointer;
		
	}
	
	img.viewmenu
	{
		cursor:pointer;
	}
	
	
	img#picview
	{
		cursor:pointer;
	}
	
	/*#############################################################################################*/
	/*#############################################################################################*/
	
	
	
	
	
	
	body
	{
		background:white;
	
	}
	#header
	{
		opacity:0.5;
	}
	
	#header:hover
	{
		opacity:1;
	}
	
	
	
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:0px 0px 5px 2px #292929;
		border-color: cornflowerblue;
	
	}
	
	#si_title
	{
		background:dodgerblue;
		border-color:cornflowerblue;
	}
	
	input.login_btn:hover
	{
		background:dodgerblue;
		box-shadow:0px 0px 2px 1px #999999;
	}
	
	#recovery_btn
	{
		color:firebrick;
	}
	
	#recovery_btn:hover
	{
		color:dodgerblue;
	}
	
	
	
	input.login_btn
	{
		background:cornflowerblue;
		
		border:0px solid transparent;
	
	}
	
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:dodgerblue; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	input.recovery_btn:hover
	{
		background:dodgerblue;
	}
	
	input.recovery_btn
	{
		background:cornflowerblue;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	
	#afooter
	{
		/*position:fixed;*/
		background:transparent;
		width:100%;
		bottom:0px;
		left:0px;
		margin:50px 0px 0px 0px;
	}
	
	
	#lstmenubelow
	{
		background:transparent;
	}
	
	
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:skyblue;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px transparent;
	}
	.submenu_below:hover
	{
		color:white;
		text-shadow:-1px -1px black;
	
	}
	
	
	#copyright
	{
		color:skyblue;
		font-weight:bold;
		text-shadow:-1px -1px navy;
		margin-top:20px;
	
	}
	
	
	#helpboxheader
	{
		position:relative;
		text-align:right;
		color:skyblue;
		padding:5px;
		
	}
	
	#helpbox
	{
		position:relative;
		width:700px;
		margin:10px auto;
		background:lightblue;
		color:skyblue;
		border:1px solid skyblue;
		border-radius:5px;
		font-family:arial,sans-serif;
		display:none;
		transition: display 2s;
		-webkit-transition: display 2s;
	}
	
	
	#helpboxcontent
	{
		padding:5px 10px 10px 10px;
		text-align:center;
		
	}
	
	@keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	@-webkit-keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	
	.wiggle
	{
		animation-name:highlight;
		animation-duration:2s;
		
		-webkit-animation-name:highlight;
		-webkit-animation-duration:2s;
		
	}
	
	#language
	{
		position: relative;
		background:white;
		color: navy;
		border:1px solid skyblue;
		paddding:5px;
		vertical-align: middle;	
	}


	
 	.m_submenu
 	{
 		display:none;		
 	}
 	

}





/* BIG Smart phone */

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) {
 
 
	
	#beforelogin
	{
		position:fixed;
		
		bottom:10px;
		
		left:10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		padding:5px;
		
		background:black;
		
		max-width:200px;
		
		z-index:1200;
		
		border-radius:10px;
		 
		 
	}
	
	div.beforelogin
	{
		position:relative;
		
		margin:10px 0px;
		
		color:white;
	
	}	
		
	button.beforelogin
	{
		position:relative;
		
		border:0px solid silver;
		
		
		margin:0px 10px;
		
		cursor:pointer;
	
		
	}
			
			
 	.m_submenu
 	{
 		display:none;		
 	}
 	
 	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
	
	}
	#header
	{
		
		background:#292929;
		padding:5px 5px 5px 5px;
		font-family:arial,sans-serif;
	
	}
	.subpage
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.subpage:hover
	{
		color:silver;
	
	}
	
	.submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.submenu:hover
	{
		color:silver;
	
	}
	
	
	
	#logozone
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	
	
	.right
	{
		text-align:right;
	}
	
	
	.left
	{
		text-align:leftt;
	}
	
	
	
	#logo
	{
	
		
		display:inline-block;
		
		color:white; 
		cursor:pointer;  
		font-size:20px; 
		margin-right: 30px; 
		font-weight:bold; 
		text-shadow:-1px -1px silver; 
		
		font-family:arial,verdana,helvetica, sans-serif;
		
		
		cursor:pointer;
	
	}
	
	#search_zone
	{
		/*margin-top:10px;
		margin-right:10px;*/
	
	}
	
	#result_zone
	{
		position:relative;
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		margin-bottom:20px;
		background:#fafaff;
		border:1px solid silver;
		border-radius:5px;
		padding:5px;
		box-shadow:-5px 5px 5px 5px #888888; 
		
		font-family:arial,verdana,helvetica, sans-serif;
	}
	.multibox
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	
	}
	#abody
	{
		
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	}
	
	#container
	{
		position:relative;
		width:1100px;
		margin-right:auto;
		margin-left:auto;
		background:red;
	
	}
	
	#actions
	{
		width:400px;
		
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		
	
	}
	
	#news
	{
		width:680px;
		min-height:450px;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		font-weight:bold;
		border-radius:5px;
		box-shadow:-2px 10px 10px 7px #999999;
	
	
	}
	.abox
	{
		min-width:400px;
		text-align:left;
	
	
		font-weight:bold;
	
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		font-weight:bold;
		background:#fafaff;
		border:1px solid #EAEAFF;
		margin-left:5px;
	}
	
	#afooter
	{
		text-align:center;
		font-family:arial, verdana, helvetica, sans-serif;
		padding:5px 0px 0px 0px;
		background:silver;
		margin-top:5px;
	}
	
	.lang
	{
		color:silver;
		cursor:pointer;
	}
	
	.lang:hover
	{
		color:#0066ff;
	
	}
	
	#lstmenubelow
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px #292929;
	}
	.submenu_below:hover
	{
		color:black;
		text-shadow:-1px -1px gray;
	
	}
	
	#copyright
	{
		color:#888888;
		font-weight:bold;
		text-shadow:-1px -1px #292929;
		margin-top:20px;
	
	}
	.news_titlte
	{
		text-align:center;
		font-weight:bold;
		font-size: 25px;
		font-family:arial, verdana, helvetica,sans-serif;
	}
	
	.news_body
	{
		padding:5px 10px 5px 10px;
		text-align:left;
		font-weight:normal;
		font-size: 18px;
		font-family:'Open Sans',arial, verdana, helvetica,sans-serif;
	
	}
	
	.news_footer
	{
		padding:0px 0px 10px 5px;
		text-align:left;
		font-weight:normal;
		font-size: 17px;
		text-decoration:italic;
		text-decoration:oblique;
		font-style:italic;
		color:silver;
		font-family: verdana, helvetica,sans-serif;
	}
	
	#pubbox_1
	{
		position:fixed;
		bottom:0px ;
		right:0px;
		min-width:200px;
		min-height:200px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;
		display:none;	
	}
	
	
	#pubbox_2
	{
		position:fixed;
		bottom:0px ;
		width:600px;
		min-height:80px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;	
		background:#fafaff;
		background:lightblue;
		background:#fafaff;
		display:none;
	}
	
	.clickable
	{
		cursor:pointer;
		margin-right:5px;
		font-weight:bold;
		color:silver;
	}
	
	.clickable:hover
	{
		color:gray;
	
	}
	.vertical-text {
		
		transform:translateY(75px) rotate(90deg) ;
		transform-origin: left top 0;
		-webkit-transform: translateY(75px) rotate(-90deg);
	
		/* Firefox */
		-moz-transform: translateY(75px) rotate(-90deg);
	
		/* IE */
		-ms-transform:translateY(75px) rotate(-90deg);
	
		/* Opera */
		-o-transform:translateY(75px) rotate(-90deg);
	
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		float: left;
		
		
	}
	
	
	/****************************Login *******************************/
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		border:1px solid silver;
	
	}
	
	#si_title
	{
		font-size:18px;
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px;
		 font-family:arial,verdana,helvetica,sans-serif;
	}	
				
	#box_title
	{
		
		text-align:left; 
		padding:0px 40px 0px 5px;
		padding-right:-moz-calc(100% - 80px);
		padding-right:-webkit-calc(100% - 80px);
	
	}
					
	input.login
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.login_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
		
		border:0px solid transparent;
	}
	
	#help_btn
	{
		
		
	}
	
	#lg_closebtn
	{
		cursor:pointer;
		display:none;
	}
	
	#recovery_btn
	{
		cursor:pointer; 
		color:#292929; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-weight:bold; 
	
	}
	
	
	/******************************recovery**********************************/
	#recovery_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		display:none;
		border:1px solid silver;
	
	}
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	#box_title_lst
	{
		
		padding:0px 350px 0px 5px;
		padding-right:-moz-calc(100% - 170px);
		padding-right:-webkit-calc(100% - 170px);
	
	}
	#lg:hover
	{
		color:gray;
	
	}
	
	input.recovery
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.recovery_btn
	{
		background:#292929;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#r_clsbtn
	{
		display:none;
	
	}
	
	/*********************** register **********************************/
	#signup_box
	{
		position:relative; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:0px solid silver; 
		text-align:center; 
		font-size:30px; 
		padding:0px 0px 0px 0px; 
		font-family:arial; 
		
		box-shadow: 5px 10px 10px 7px #999999;
		border-radius:10px; 
		
	}
	
	#su_title
	{
		position:relative;
		border-radius:5px 5px 0px 0px; 
		background : #292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-size:18px;
	
	}
	
	#su_body
	{
		position:relative;
		border:1px solid silver;  
		border-radius:0px 0px 7px 5px ;
		background:white; 
		padding:0px 0px 10px 0px;
	}
	
	input.inputsignupfrm
	{
		width:96%;
		font-size:25px;
		color:silver;
	}
	
	input.namesignupfrm
	{
		/*width:50%;*/
		font-size:25px;
		color:silver;
		vertical-align:top;
		display:inline-block;
	}
	
	.check
	{
		display:none;
	}
	
	.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
	
	}
	
	#box_title_sgnup
	{
		
		text-align:left; 
		padding:0px 325px 0px 5px;
		padding-right:-moz-calc(100% - 90px);
		padding-right:-webkit-calc(100% - 90px);
	}
	
	.sgnp_line
	{
	
		text-align:center;
	
	}
	
	.error
	{
		font-size:15px;
	
	}
	
	
	input.register
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#su_clsbtn
	{
		display:none;
	
	}
	
	#tofind
	{
		font-weight:bold;
		color: #DD3010;
		font-family: arial,sans-serif;
		
	
	}
	
	#tofindbox
	{
		font-family: arial,sans-serif;
		margin-top:10px;
		margin-bottom:10px
	
	}
	
	#occurence
	{
		font-style:italic;
		color:gray;
	}
	
	
	#reporticon
	{
		position:fixed;
		bottom:50%;
		left:0px;
		z-index:200;
		border:1px solid silver;
		padding:5px;
		box-shadow:-2px 2px 2px 2px #888888;
		cursor:pointer;
	}
	
	#reporticon:hover
	{
		background:silver;
	}
	
	
	.ad_death
	{
		background:#dadada;
	}
	
	.ad_born
	{
		background: rgba(100,149,237,0.3);
	}
	
	.ad_baptism
	{
		background: rgba(128,128,0,0.3);
	}
	
	.ad_communion
	{
		background: rgba(30,155,255,0.3);
	}
	
	
	.ad_graduation
	{
		background: rgba(148,0,211,0.3);
	}
	
	.ad_wedding
	{
		background: rgba(255,215,0,0.3);
	
	
	}
	
	div#user_action
	{
		position:relative; 
		width:1100px;  
		margin-left:auto; 
		margin-right:auto; 
		text-align:center; 
		padding:0px 0px 20px 0px;  
		font-family:arial,verdana,helvetica, sans-serif;
		display:none;
	}
	
	/****************************************************************************************************************************/
	div.boxview
	{
		text-align:center;
		margin:50px 0px 10px 0px;
		/*display:none;*/
	
	}
	
	div.ad_all_square:hover
	{
		box-shadow:5px 5px 5px 5px #888888;
	}
	
	div.ad_all_square
	{
		position:relative;
		vertical-align:top;
		display:inline-block;
		margin-bottom:15px;
		margin-top:50px;
		margin-right:15px;
		margin-left:15px;
	}
	
	img.ad_img
	{
		max-width:200px;
		max-height:200px;
		min-height:200px;
	
	}
	div.ad_info
	{
		position:absolute; 
		bottom:0px;   
		/*padding:0px 10px 0px 10px; */
		text-align:center; 
		/*margin-top:5px; 
		margin-bottom:10px;*/
		background:rgba(0,0,0,0.8);
		color:white;
		width:100%;
		font-family:arial,sans-serif;
	}
	
	a.ad_info
	{
		text-decoration:none;
		padding:5px 0px 5px 0px;
		font-weight:bold;
		font-size:20px;
		text-shadow:-1px -1px navy;
	}
	
	a.ad_info:link
	{
		color:lightblue;
	
	}
	
	a.ad_info:visited
	{
		color:tomato;	
	
	}
	
	a.ad_info:hover
	{
		color:palegreen;
	
	}
	
	a.ad_info:active
	{
		color:dodgerblue;
	
	}
	
	
	div.viewmenu
	{
		vertical-align:top;
		display:inline-block;
		cursor:pointer;
		
	}
	
	img.viewmenu
	{
		cursor:pointer;
	}
	
	
	img#picview
	{
		cursor:pointer;
	}
	
	/*#############################################################################################*/
	/*#############################################################################################*/
	
	
	
	
	
	
	body
	{
		background:white;
	
	}
	#header
	{
		opacity:0.5;
	}
	
	#header:hover
	{
		opacity:1;
	}
	
	
	
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:0px 0px 5px 2px #292929;
		border-color: cornflowerblue;
	
	}
	
	#si_title
	{
		background:dodgerblue;
		border-color:cornflowerblue;
	}
	
	input.login_btn:hover
	{
		background:dodgerblue;
		
		box-shadow:0px 0px 2px 1px #999999;
	}
	
	#recovery_btn
	{
		color:firebrick;
	}
	
	#recovery_btn:hover
	{
		color:dodgerblue;
	}
	
	
	
	input.login_btn
	{
		background:cornflowerblue;
		
		border:0px solid transparent;
	
	}
	
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:dodgerblue; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	input.recovery_btn:hover
	{
		background:dodgerblue;
	}
	
	input.recovery_btn
	{
		background:cornflowerblue;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	
	#afooter
	{
		/*position:fixed;*/
		background:transparent;
		width:100%;
		bottom:0px;
		left:0px;
		margin:50px 0px 0px 0px;
	}
	
	
	#lstmenubelow
	{
		background:transparent;
	}
	
	
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:skyblue;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px transparent;
	}
	.submenu_below:hover
	{
		color:white;
		text-shadow:-1px -1px black;
	
	}
	
	
	#copyright
	{
		color:skyblue;
		font-weight:bold;
		text-shadow:-1px -1px navy;
		margin-top:20px;
	
	}
	
	
	#helpboxheader
	{
		position:relative;
		text-align:right;
		color:skyblue;
		padding:5px;
		
	}
	
	#helpbox
	{
		position:relative;
		width:700px;
		margin:10px auto;
		background:lightblue;
		color:skyblue;
		border:1px solid skyblue;
		border-radius:5px;
		font-family:arial,sans-serif;
		display:none;
		transition: display 2s;
		-webkit-transition: display 2s;
	}
	
	
	#helpboxcontent
	{
		padding:5px 10px 10px 10px;
		text-align:center;
		
	}
	
	@keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	@-webkit-keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	
	.wiggle
	{
		animation-name:highlight;
		animation-duration:2s;
		
		-webkit-animation-name:highlight;
		-webkit-animation-duration:2s;
		
	}
	
	#language
	{
		position: relative;
		background:white;
		color: navy;
		border:1px solid skyblue;
		paddding:5px;
		vertical-align: middle;	
	}

}



/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px) {
	
	
	#beforelogin
	{
		position:fixed;
		
		bottom:10px;
		
		left:10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		padding:5px;
		
		background:black;
		
		max-width:200px;
		
		z-index:1200;
		
		border-radius:10px;
		 
		 
	}
	
	div.beforelogin
	{
		position:relative;
		
		margin:10px 0px;
		
		color:white;
	
	}	
		
	button.beforelogin
	{
		position:relative;
		
		border:0px solid silver;
		
		
		margin:0px 10px;
		
		cursor:pointer;
	
		
	}
			
			
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
	
	}
	#header
	{
		
		background:#292929;
		padding:5px 5px 5px 5px;
		font-family:arial,sans-serif;
	
	}
	
	.m_submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	
	.m_submenu:hover
	{
		color:silver;
	
	}



	.subpage
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.subpage:hover
	{
		color:silver;
	
	}
	
	.submenu
	{
		vertical-align:bottom;
		display:inline-block;
		
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
	}
	.submenu:hover
	{
		color:silver;
	
	}
	
	
	
	#logozone
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	
	
	.right
	{
		text-align:right;
	}
	
	
	.left
	{
		text-align:leftt;
	}
	
	
	
	#logo
	{
	
		
		display:inline-block;
		
		color:white; 
		cursor:pointer;  
		font-size:20px; 
		margin-right: 30px; 
		font-weight:bold; 
		text-shadow:-1px -1px silver; 
		
		font-family:arial,verdana,helvetica, sans-serif;
		
		
		cursor:pointer;
	
	}
	
	#search_zone
	{
		/*margin-top:10px;
		margin-right:10px;*/
	
	}
	
	#result_zone
	{
		position:relative;
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		margin-bottom:20px;
		background:#fafaff;
		border:1px solid silver;
		border-radius:5px;
		padding:5px;
		box-shadow:-5px 5px 5px 5px #888888; 
		
		font-family:arial,verdana,helvetica, sans-serif;
	}
	.multibox
	{
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	
	}
	#abody
	{
		
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -ms-flexbox;
	
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
	
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
	
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
	
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
	
	}
	
	#container
	{
		position:relative;
		width:1100px;
		margin-right:auto;
		margin-left:auto;
		background:red;
	
	}
	
	#actions
	{
		width:400px;
		
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		
	
	}
	
	#news
	{
		width:680px;
		min-height:450px;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		font-weight:bold;
		border-radius:5px;
		box-shadow:-2px 10px 10px 7px #999999;
	
	
	}
	.abox
	{
		min-width:400px;
		text-align:left;
	
	
		font-weight:bold;
	
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
	
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		font-weight:bold;
		background:#fafaff;
		border:1px solid #EAEAFF;
		margin-left:5px;
	}
	
	#afooter
	{
		text-align:center;
		font-family:arial, verdana, helvetica, sans-serif;
		padding:5px 0px 0px 0px;
		background:silver;
		margin-top:5px;
	}
	
	.lang
	{
		color:silver;
		cursor:pointer;
	}
	
	.lang:hover
	{
		color:#0066ff;
	
	}
	
	#lstmenubelow
	{
		margin-top:10px;
		margin-right:10px;
	
	}
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:#888888;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px #292929;
	}
	.submenu_below:hover
	{
		color:black;
		text-shadow:-1px -1px gray;
	
	}
	
	#copyright
	{
		color:#888888;
		font-weight:bold;
		text-shadow:-1px -1px #292929;
		margin-top:20px;
	
	}
	.news_titlte
	{
		text-align:center;
		font-weight:bold;
		font-size: 25px;
		font-family:arial, verdana, helvetica,sans-serif;
	}
	
	.news_body
	{
		padding:5px 10px 5px 10px;
		text-align:left;
		font-weight:normal;
		font-size: 18px;
		font-family:'Open Sans',arial, verdana, helvetica,sans-serif;
	
	}
	
	.news_footer
	{
		padding:0px 0px 10px 5px;
		text-align:left;
		font-weight:normal;
		font-size: 17px;
		text-decoration:italic;
		text-decoration:oblique;
		font-style:italic;
		color:silver;
		font-family: verdana, helvetica,sans-serif;
	}
	
	#pubbox_1
	{
		position:fixed;
		bottom:0px ;
		right:0px;
		min-width:200px;
		min-height:200px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;
		display:none;	
	}
	
	
	#pubbox_2
	{
		position:fixed;
		bottom:0px ;
		width:600px;
		min-height:80px;
		border:1px solid silver;
		box-shadow:-5px 5px 5px #888888;
		z-index:1000;
		-webkit-transition: width 10s, height 10s,-webkit-transform 10s;  /* For Safari 3.1 to 6.0 */
		transition: width 10s, height 10s, transform 10s;	
		background:#fafaff;
		background:lightblue;
		background:#fafaff;
		display:none;
	}
	
	.clickable
	{
		cursor:pointer;
		margin-right:5px;
		font-weight:bold;
		color:silver;
	}
	
	.clickable:hover
	{
		color:gray;
	
	}
	.vertical-text {
		
		transform:translateY(75px) rotate(90deg) ;
		transform-origin: left top 0;
		-webkit-transform: translateY(75px) rotate(-90deg);
	
		/* Firefox */
		-moz-transform: translateY(75px) rotate(-90deg);
	
		/* IE */
		-ms-transform:translateY(75px) rotate(-90deg);
	
		/* Opera */
		-o-transform:translateY(75px) rotate(-90deg);
	
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		float: left;
		
		
	}
	
	
	/****************************Login *******************************/
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		border:1px solid silver;
	
	}
	
	#si_title
	{
		font-size:18px;
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px;
		 font-family:arial,verdana,helvetica,sans-serif;
	}	
				
	#box_title
	{
		
		text-align:left; 
		padding:0px 40px 0px 5px;
		padding-right:-moz-calc(100% - 80px);
		padding-right:-webkit-calc(100% - 80px);
	
	}
					
	input.login
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.login_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
		border:0px solid transparent;
	}
	
	#help_btn
	{
		
		
	}
	
	#lg_closebtn
	{
		cursor:pointer;
		display:none;
	}
	
	#recovery_btn
	{
		cursor:pointer; 
		color:#292929; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-weight:bold; 
	
	}
	
	
	/******************************recovery**********************************/
	#recovery_box
	{
		border-radius:5px; 
		box-shadow:5px 10px 10px 7px #999999;
		display:none;
		border:1px solid silver;
	
	}
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:#292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	#box_title_lst
	{
		
		padding:0px 350px 0px 5px;
		padding-right:-moz-calc(100% - 170px);
		padding-right:-webkit-calc(100% - 170px);
	
	}
	#lg:hover
	{
		color:gray;
	
	}
	
	input.recovery
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.recovery_btn
	{
		background:#292929;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#r_clsbtn
	{
		display:none;
	
	}
	
	/*********************** register **********************************/
	#signup_box
	{
		position:relative; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:0px solid silver; 
		text-align:center; 
		font-size:30px; 
		padding:0px 0px 0px 0px; 
		font-family:arial; 
		
		box-shadow: 5px 10px 10px 7px #999999;
		border-radius:10px; 
		
	}
	
	#su_title
	{
		position:relative;
		border-radius:5px 5px 0px 0px; 
		background : #292929; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif; 
		font-size:18px;
	
	}
	
	#su_body
	{
		position:relative;
		border:1px solid silver;  
		border-radius:0px 0px 7px 5px ;
		background:white; 
		padding:0px 0px 10px 0px;
	}
	
	input.inputsignupfrm
	{
		width:96%;
		font-size:25px;
		color:silver;
	}
	
	input.namesignupfrm
	{
		/*width:50%;*/
		font-size:25px;
		color:silver;
		vertical-align:top;
		display:inline-block;
	}
	
	.check
	{
		display:none;
	}
	
	.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
	
	}
	
	#box_title_sgnup
	{
		
		text-align:left; 
		padding:0px 325px 0px 5px;
		padding-right:-moz-calc(100% - 90px);
		padding-right:-webkit-calc(100% - 90px);
	}
	
	.sgnp_line
	{
	
		text-align:center;
	
	}
	
	.error
	{
		font-size:15px;
	
	}
	
	
	input.register
	{
		width:100%;
		font-size:25px;
		color:silver;
	}
	
	input.register_btn
	{
		background:#292929;
		color:white;
		font-size:20px;
		cursor:pointer;
	}
	
	#help_btn
	{
		
		
	}
	
	#su_clsbtn
	{
		display:none;
	
	}
	
	#tofind
	{
		font-weight:bold;
		color: #DD3010;
		font-family: arial,sans-serif;
		
	
	}
	
	#tofindbox
	{
		font-family: arial,sans-serif;
		margin-top:10px;
		margin-bottom:10px
	
	}
	
	#occurence
	{
		font-style:italic;
		color:gray;
	}
	
	
	#reporticon
	{
		position:fixed;
		bottom:50%;
		left:0px;
		z-index:200;
		border:1px solid silver;
		padding:5px;
		box-shadow:-2px 2px 2px 2px #888888;
		cursor:pointer;
	}
	
	#reporticon:hover
	{
		background:silver;
	}
	
	
	.ad_death
	{
		background:#dadada;
	}
	
	.ad_born
	{
		background: rgba(100,149,237,0.3);
	}
	
	.ad_baptism
	{
		background: rgba(128,128,0,0.3);
	}
	
	.ad_communion
	{
		background: rgba(30,155,255,0.3);
	}
	
	
	.ad_graduation
	{
		background: rgba(148,0,211,0.3);
	}
	
	.ad_wedding
	{
		background: rgba(255,215,0,0.3);
	
	
	}
	
	div#user_action
	{
		position:relative; 
		width:1100px;  
		margin-left:auto; 
		margin-right:auto; 
		text-align:center; 
		padding:0px 0px 20px 0px;  
		font-family:arial,verdana,helvetica, sans-serif;
		display:none;
	}
	
	/****************************************************************************************************************************/
	div.boxview
	{
		text-align:center;
		margin:50px 0px 10px 0px;
		/*display:none;*/
	
	}
	
	div.ad_all_square:hover
	{
		box-shadow:5px 5px 5px 5px #888888;
	}
	
	div.ad_all_square
	{
		position:relative;
		vertical-align:top;
		display:inline-block;
		margin-bottom:15px;
		margin-top:50px;
		margin-right:15px;
		margin-left:15px;
	}
	
	img.ad_img
	{
		max-width:200px;
		max-height:200px;
		min-height:200px;
	
	}
	div.ad_info
	{
		position:absolute; 
		bottom:0px;   
		/*padding:0px 10px 0px 10px; */
		text-align:center; 
		/*margin-top:5px; 
		margin-bottom:10px;*/
		background:rgba(0,0,0,0.8);
		color:white;
		width:100%;
		font-family:arial,sans-serif;
	}
	
	a.ad_info
	{
		text-decoration:none;
		padding:5px 0px 5px 0px;
		font-weight:bold;
		font-size:20px;
		text-shadow:-1px -1px navy;
	}
	
	a.ad_info:link
	{
		color:lightblue;
	
	}
	
	a.ad_info:visited
	{
		color:tomato;	
	
	}
	
	a.ad_info:hover
	{
		color:palegreen;
	
	}
	
	a.ad_info:active
	{
		color:dodgerblue;
	
	}
	
	
	div.viewmenu
	{
		vertical-align:top;
		display:inline-block;
		cursor:pointer;
		
	}
	
	img.viewmenu
	{
		cursor:pointer;
	}
	
	
	img#picview
	{
		cursor:pointer;
	}
	
	/*#############################################################################################*/
	/*#############################################################################################*/
	
	
	
	
	
	
	body
	{
		background:white;
	
	}
	#header
	{
		opacity:0.5;
	}
	
	#header:hover
	{
		opacity:1;
	}
	
	
	
	
	
	#signin_box
	{
		border-radius:5px; 
		box-shadow:0px 0px 5px 2px #292929;
		border-color: cornflowerblue;
	
	}
	
	#si_title
	{
		background:dodgerblue;
		border-color:cornflowerblue;
	}
	
	input.login_btn:hover
	{
		background:dodgerblue;
		
		box-shadow:0px 0px 2px 1px #999999;
	}
	
	#recovery_btn
	{
		color:firebrick;
	}
	
	#recovery_btn:hover
	{
		color:dodgerblue;
	}
	
	
	
	input.login_btn
	{
		background:cornflowerblue;
		
		border:0px solid transparent;
	
	}
	
	
	
	#r_title
	{
		border-radius:5px 5px 0px 0px; 
		background:dodgerblue; 
		color:white; 
		font-weight:bold; 
		padding:5px 5px 5px 0px; 
		font-family:arial,verdana,helvetica,sans-serif;
	
	}
	
	input.recovery_btn:hover
	{
		background:dodgerblue;
	}
	
	input.recovery_btn
	{
		background:cornflowerblue;
		color:white;
		font-size:25px;
		cursor:pointer;
	}
	
	
	#afooter
	{
		/*position:fixed;*/
		background:transparent;
		width:100%;
		bottom:0px;
		left:0px;
		margin:50px 0px 0px 0px;
	}
	
	
	#lstmenubelow
	{
		background:transparent;
	}
	
	
	
	.submenu_below
	{
		padding:0px 5px 0px 5px;
		color:skyblue;
		font-weight:bold;
		cursor:pointer;
		text-shadow:-1px -1px transparent;
	}
	.submenu_below:hover
	{
		color:white;
		text-shadow:-1px -1px black;
	
	}
	
	
	#copyright
	{
		color:skyblue;
		font-weight:bold;
		text-shadow:-1px -1px navy;
		margin-top:20px;
	
	}
	
	
	#helpboxheader
	{
		position:relative;
		text-align:right;
		color:skyblue;
		padding:5px;
		
	}
	
	#helpbox
	{
		position:relative;
		width:700px;
		margin:10px auto;
		background:lightblue;
		color:skyblue;
		border:1px solid skyblue;
		border-radius:5px;
		font-family:arial,sans-serif;
		display:none;
		transition: display 2s;
		-webkit-transition: display 2s;
	}
	
	
	#helpboxcontent
	{
		padding:5px 10px 10px 10px;
		text-align:center;
		
	}
	
	@keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	@-webkit-keyframes highlight
	{
		0% {width:0px;}
		25% {width:140px;}
		50% {width:280px;}
		50% {width:420px;}
		75% {width:540px;}
		100% {width:700px;}
	
	}
	
	.wiggle
	{
		animation-name:highlight;
		animation-duration:2s;
		
		-webkit-animation-name:highlight;
		-webkit-animation-duration:2s;
		
	}
	
	#language
	{
		position: relative;
		background:white;
		color: navy;
		border:1px solid skyblue;
		paddding:5px;
		vertical-align: middle;	
	}


}