body{
	padding: 0;
}


table.receipts_view{
	border: 1px solid #888;
	border-collapse: collapse;
	font-family: Arial;
	font-size: .9em;
}

table.receipts_view td,table.receipts_view th{
	border: 1px solid #888;
	padding: 0 .1ex 0 .2ex;
}

table.receipts_view th{
	text-align: right;
	color: #888;
	padding-right: 1ex;
}

table.receipts_view th[colspan='14']{
	background-color: rgb(210,210,210);
	text-align: center;
	color: #444;
	padding: .2em 0 .2em 0;
}

.sign_up span{
	padding: .1ex 2ex .1ex 1ex;
	border: 1px solid #666;
	border-radius: 0 2em 2em 0 / 0 1em 1em 0;
	margin-right: 1ex;
	box-shadow: .3ex .3ex .15ex #555;
}

.sign_up .m{
	background-color: yellow;
}

.general_nav_bar a{
	padding: .1ex 2ex .1ex 2ex;
	border: 1px solid #666;
	border-radius: 2em 2em 2em 2em / 1em 1em 1em 1em;
	margin-right: 1ex;
	box-shadow: .3ex .3ex .15ex #555;
	background-color: rgb(250,250,0);
	text-decoration: none;
}

.general_nav_bar a:hover{
	background-color: rgb(255,255,50);
}

.w_max{
	max-width: 50ex;
	color: #4169E1;
}

.rtl3{
	direction: rtl;
	margin-left: 4ex;
}

h2{

	color: rgb(220, 0, 0);
	text-shadow: 0 .1ex .1ex #888;
}

.proudly{
	color: rgb(220, 0, 0);


	text-shadow: 0 .1ex .1ex #888;
	font-weight: 700;
}

p{
	max-width: 70ex;
	min-width: 75%;
}

.member_self_register h3{
	margin: 1em 0 .2em 0;
}

.member_self_register h4,.pledge_alter h4,h4.gift{
	margin: .2em 0 .2em 0;
	font-size: 1.0em;
	font-weight: 500;
	color: #777;
}

.sign_me_up{
	margin-top: 2em;
	font-size: 1.2em;
}

.tag_block{
	border: 2px dashed #4169E1;
	padding: 1em 0 1em 0;
	border-width: 0 0 2px 0;
	display: inline-block;
	clear: both;
}

.tag_block2{
	text-align: center;
	margin: 0 auto 1em auto;
	border: 2px dashed #4169E1;
	padding: 1em 0 1em 0;
	border-width: 0 0 2px 0;
	display: block;
	clear: both;
}

.form_padded input{
	margin: .3em 0 .3em 0;
}

textarea.note{
	width: 70ex;
	min-width: 50%;
	max-width: 90%;
}

.m2{
	background-color: rgb(255,255,100);
}

.n2{
	background-color: transparent;
}

.bar_wrapper{
	position: relative;
	width: 70%;
	height: 1.5em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.bar_wrapper div{
	position: absolute;
	height: 1.5em;
	border: 1px solid #000;
	background-color: rgba(255,255,255,.8);	

}

#bar{
	width: 100%;
	borderX: 1px solid #000;
	border-widthX: 0 2px 0 0;
	text-align: right;
	padding-right: 1ex;
}

#bar2{
	background-color: rgba(255,255,0,.75);
}

h4.our_goal{
	margin-bottom: .2em;
	color: rgb(240,0,0);
}

#marquee{
	background-color: #fff;
	width: 100%;
	position: fixed;
	bottom: .5em;
	marquee-direction: forward;
	marquee-style: scroll;
	marquee-speed: normal;
}

#marquee span{
	padding-right: 2ex;
}

#marquee_vertical{
	display: inline-block;
	border: 1px solid #888;
	padding: 1ex;
	margin-left: 3ex;
	margin-top: 2em;
}

#marquee_vertical span{
	display: block;
}

table#data_table{
	display: inline-table;
}

#data_table td{
	text-align: right;
	padding-right: 1ex;
}

#login_block{
	width: 36ex;
	max-width: 90%;
	margin: auto;
	margin-top: calc(50vh - 12em);
	text-align: center;
	background-color: rgb(249,249,249);
	border: 1px solid #ccc;
	border-radius: 1em;
	padding: 1em;
	color: #444;
}

#login_block img{
	width: 40%;
	margin: 1em auto 1em auto;
}

#login_block input[type='text'],#login_block input[type='password']{
	width: 90%;
	display: block;
	margin: auto;
}

.login_note{
	width: 50ex;
	max-width: 95%;
	text-align: center;
	margin: 0 auto 0 auto;
}

span#left,span#right{
	display: inline-block;
}

span#left{
	text-align: left;
	width: 31%;
}

span#right{
	text-align: right;
	width: 64%;
}

#register_personal input[type='text']{
	width: 20ex;
}

#logout{
	display: inline-block;
	position: fixed;
	top: 0;
	right: 2ex;
}

.narrow{
	width: 60ex;
	max-width: 95%;
}

ul.nav,.flex{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

li{
	list-style:none;
}

ul.nav a{
	display:inline-block;
	padding: .2em 1em .2em 1em;
	border: 1px solid #888;
	border-width: 1px 1px 0 1px;
	border-radius: 1em 1em 0 0;
	background-color: #aaa;
	color: #fff;
	font-family: arial;
	text-decoration: none;
	box-shadow: .3ex -.3ex .3ex #888;
} 

ul.nav a:hover{
	background-color: #bbb;
}

.nav_wrapper img{
	display: block;
	margin: 0 auto 0 auto;
	height: 70px;
	height: 4em;

}

.nav_wrapper_blank img{
	display: block;
	margin: 0 auto 0 auto;
	height: 70px;
	height: 4em;

}

.nav_wrapper,.nav_wrapper_blank{
	background-color: #ccc;
	padding: .5em 0 0em 0 ;
	box-shadow: 0 .4ex .4ex #333;
}

.nav_wrapper_blank{
	padding: .5em 0 .5em 0 ;
}

#quadrant{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#quadrant div{
	width: 30ex;
	min-width: 40%;
	border: 1px solid #888;
	margin-bottom: 2em;
	border-radius: 1em;
	box-shadow: .7ex .7ex .7ex #aaa;
}

#quadrant h4{
	font-family: Verdana;
	margin: 0;
	text-align: center;
	color: #fff;
	background-color: #888;
	border-radius: 1em 1em 0 0;
	padding: .4em 0 .4em 0;
}

#quadrant p{
	margin: .5em 2ex.5em 2ex;
}

p.lc{
	font-size: 1.15em;
	text-align: center;
	color: rgb(220, 0, 0);
	text-shadow: 0 .1ex .1ex #888;
	font-weight: 700;
}

p.c{
	text-align: center;
}

p.c70{
	text-align: center;
	width: 70%;
	margin: 2em auto -1em auto;
}

h3.c70,h2.c70,h4.c70{
	text-align: center;
	width: 70%;
	margin: 2em auto -1em auto;
}

.shul_data_tag{
	width: 40ex;
	max-width: 90%;
	border: 1px solid #888;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 1em 1em;
	padding: 1em;
	box-shadow: .7ex .7ex .7ex #aaa;
	margin: -1em auto 2em auto;

}

.donor_tag{
	position: absolute;
	top: .5em;
	right: 2em;
}

div.choices span{
	width: 100%;
	text-align: center;
	display: block;
	padding: .3em 0 .3em 0;
}

div.accounts{
	width: 40ex;
	min-width: 45%;
	border: 1px solid #888;
	margin: 2em auto 1em auto;
	border-radius: 1em;
	box-shadow: .7ex .7ex .7ex #aaa;
	text-align: center;
}

div.accounts h4{
	font-family: Verdana;
	margin: 0;
	text-align: center;
	color: #fff;
	background-color: #888;
	border-radius: 1em 1em 0 0;
	padding: .4em 0 .4em 0;
}

ul.accounts{
	position: absolute;
	top: .5em;
	right: 1em;
}

#accounts_id > li > a,#accounts_id > li > span{
	display: block;
	padding: 0 .5em 0 1em;
	width: calc(100% - 1.5em);
	text-decoration: none;
	background-color: #aaa;
		font-size: 1em;
	font-weight: 500;
	color: #fff;
	line-height: 1.4em;
}


#accounts_id > li{
	color: black;
	display: block;
	margin-topX: .5em;
}


#accounts_id{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 1em;
	list-style: none;
	box-shadow: .5ex .5ex .3ex #888;
	border: 1px solid #888;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 .8em .8em;
}

#accounts_id ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#accounts_id li{
	border: 1px solid #444;
	border-width: 0 0 1px 0;
}


#accounts_id ul a,#accounts_id ul span{
	display: block;
	padding: 0 .5em 0 1em;
	width: calc(100% - 1.5em);
	text-decoration: none;
	background-color: #fff;
	font-size: 1em;
	color: #444;
	line-height: 1.2em;
	margin-bottom: 0px;

}

#accounts_id ul a:hover{
	background-color: #ddd;
}

#welcome{
	position: absolute;
	left: 1em;
	top: .5em;
	dispay: block;
	width: calc(50% - 50px);
}

.with{
	color: #888;
	font-size: .9em;
}

.rc_anchor{
	margin-top: 1em;
}