/* common.css */

/* fixing bootstrap background on dropdown */
/* .modal-backdrop.in { */
	/* opacity: 0.9; */
	/* opacity: 0.1; */
/* } */

/* not used but could/should be ??? */
.cursor_wait{
    cursor:wait;
}

.white_bg{
	background-color: #fff;
}
#page_header{
	/* border:1px solid #111; */
	/* height:110px; */
	width:100%;
/* 	background-image: url('/images/bg_gradient.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
 */
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(62,39,35,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(62,39,35,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(62,39,35,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(62,39,35,1)); /*Standard*/
}

#header_html{
	width:100%;
}
#header_image{
	float: left;
}
#header_holder{
	font-size: 1.7vw;
}
#header_text{
	padding: 8px 0px 0px 20px;
	float: left;
	border: 0px solid red;
	text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
}
#page_title{
	/* display: none; */
}
#task_bar_options{
	/* display: none; */
	/* min-height: 110px; */
	min-height: 0px;
	/* padding: 4px 2px 4px 2px; */
		padding: 3px auto 5px auto;
}
#message_bar{
	display: none;
	height: 124px;
	width: auto;
	padding: 2px 2px 6px 2px;
}
#user_interaction{
	/* display: none; */
	margin: 10px auto 0px auto;
	font-size: 1.7em;
	text-align: center;
}
#please_wait{
	border: 0px solid red;
	display: none;
	font-size: 2em;
	/* margin: 50px auto 50px auto; */
	text-align: center;
	margin: 0px auto 0px auto;
}



/* header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px;
}
section {
    width:350px;
    float:left;
    padding:10px;
}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
} */
.article{
	color: black;
	background-color: #fff;
	border-radius: 8px;
	width: 90%;
	margin: 24px auto 0px auto;
	padding: 5px 5px 5px 5px;
}
.enter_database{
	display: none;
}
#enter_database_button{
	margin: 24px auto 0px auto;
}
.column_header{
	font-size: 3em;
	text-align: center;
	color: black;
	padding: 12px 0px 0px 0px;
}
#col_left_header{
  /* background-color: white; */
/*   background-image:
    linear-gradient(
      to bottom,*/
      /* #ecdad4, */
      /*#dccac4,
      #a1887f 98%
    );*/
}
#col_middle_header{
  /* background-color: white;
  background-image:
    linear-gradient(
      to bottom, */
      /* #ecdad4, */
      /* #dccac4,
      #8d6e63 98%
    ); */
}
#col_right_header{
  /* background-color: white;
  background-image:
    linear-gradient(
      to bottom, */
      /* #ecdad4, */
      /* #dccac4,
      #a1887f 98%
    ); */
}

#Logout{
	background-color: #4e342e;
	border-radius: 12px;
	border: 2px solid #8D6E63;
	color: white;
}
#Logout:hover{
 background-color: #eee;;
	color: black;
	font-weight: bold; 
}

#logout_button_holder{
	width: 110px;
	position: absolute;
	right: 0px;
 	margin: -1px 9px 0px 0px;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);/* check that this is the same as the opacity for modals*/
  z-index: 990;
}

/* orig css 


*/
a:link {
	color:#0033CC;
}
a:visited {color:#CC3366;}
a:active {color:#CC6699;}
a:hover {color:#0066CC; text-decoration:none;}

#genealogy_accepted_status a:link {color:#8d6e63; text-decoration:none;}
#genealogy_accepted_status a:visited {color:#3e2723; text-decoration:none;}
#genealogy_accepted_status a:active {color:#5d4037; text-decoration:none;}
#genealogy_accepted_status a:hover {color:#795548;}

body{
	background-color: black;
}
a{
	cursor: pointer;
}

#header_filler{
	/* position: relative; */
	float: right;
	border:0px solid red;
	background-color: blue;
	height: 110px;
	width: 400px;
	margin: 0px -40px 0px 0px;
	/* left: 0px; */

  background-color: white;
  background-image:
    linear-gradient(
      to right,
      white,
      #3e2723 90%
    );
}

#this_page_name{
	display: none;
}
/* session handling */
#user_name_display{
	/* background-color: black; */
}
.registered_users_only{
	/* display: none; */
	text-align: center;
	margin: 12px auto 0px auto;
	/* visibility: hidden; */
	font-size: 2em;
	/* border: 3px solid red; */
}
.guests_only{
	display: none;
	/* visibility: hidden; */
}
/* menu nav */
.close_symbol, .close_how_to_symbol{
	float: right;
	margin: 3px 6px 3px 3px;
	color: white;
	font-size: 1.5em;
	padding: 8px;
	background-color: black;
}
.become_member:hover{
	text-decoration: underline;
	cursor: pointer;
}
.close_slide_text, .close_slide_help{
	width: 100%;
	background-color: gray;
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}
.close_slide_text:hover, .close_slide_help:hover {
	color: #000000;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.dropdown{ /* account and nav menu buttons */
	border: 0px solid yellow;
	font-size: 1.2em;
}
.dropdown a{
	text-decoration: none;
	color: white;
	border: 0px solid red;
}
.dropdown a:hover{
	color:black;
}

/* #user_name_display{
	color: black;
} */
.nav-pills > .open #user_name_display {
	color: black;
}
.nav-pills > .open #menu_name_display {
	color: black;
}
.nav_menu_items{
	display: none;
	background-color: #4e342e;
	border-radius: 12px;
	border: 2px solid #8D6E63;
}
#nav_menu{
	display: none;
	float: right;
	margin: 20px 20px 20px 0px;
	border: 0px solid red;
	height: 70px;
	width: 110px;/* 154px; */
}
#nav_menu_pages{
	min-width: 210px;
}
.nav_menu_items{
	float: right !important;
}
#user_acct_label{
	display: none;
}

/* ----------------------------- */
#preferences_updated_result{
	display: none;
	border: 0px dotted red;
	width: 190px;
	position: static;
	/* text-align: right; */
	/* font-size: 1.1em; */
	font-weight: 600;
	color: green;
	margin-left: 20px;
}
#account_menu{
	width: 950px;
}
#site_login_help{
	display: none;
}

.account_panel_header{
	font-size: 1.2em;
	text-align: center;
	color: white;
	background-color: #8D6E63;
	border-top: 2px solid #4e342e;
	border-bottom: 2px solid #4e342e;
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 14px;
	padding: 5px 5px 5px 5px;
	min-width: 200px;
	float: left;
}
.account_panel_item{
	font-size: 1.1em;
	/* min-width: 444px; */
	width: 444px;
	min-height: 100px;
	float: left;
	/* border: 0px solid #5f360f; */
	border: 1px solid #3E2723;
	border-radius: 12px;
	box-shadow: 3px 3px 3px #555;
	background-color: #eee9e2;
	margin: 8px 0px 5px 20px;
	padding: 6px 10px 6px 10px;
}
.account_panel_tab{
	font-size: 1.2em;
	font-weight: 600;
}
.account_panel_info{
	font-size: 1.2em;
	font-weight: 400;
}

.span_link{
	cursor: pointer;
	color: blue;
}
#page_blackout{
    background-color: rgba(127, 186,0, 0.7);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;

    opacity: 0;   
    visibility: hidden;

    transition: background 0.3s ease, color 0.3s ease;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
}
#account_icon {
	height: 25px;
}
#account_icon:hover{
	
}

.modal-header {
}
.modal-body {
}
.alternate_form{
	float: left;
}
.login-dialog{
/* 		 color: white;
		 font-size: 1.3em;
 */    /* padding:9px 15px;
    border-bottom:2px solid #000000;
    background-color: #412b27;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
	box-shadow:  
			-10px -10px #a08160; *//* top */
			/* 10px 10px #564534,/* right */ */
			/* 10px -10px #564534,/* bottom */ */
			/* -10px 10px #a08160,/* left */ */
			/* 20px 20px green; */
			 /* 2px 2px #77aaff, */
			 /* 3px 3px #77aaff, */
			 /* 4px 4px #77aaff, */
			 /* 2px 2px #77aaff; */
}
.well_two{
 	/* background-color: #b1a8a6; */
	/* color: black */
	border: 0px dotted red;
	width: 50%;
	margin: 0px auto 0px auto;
	float: left;
}

.well_two .form-group{
	width: 90%;
	/* background-color: red; */
	padding: 0px 0px 0px 30px;
}


.initially_hidden{
	display: none;
}





/* .deactivated_link{
	color: red;
}
*/
.linearBg2 {
	/* fallback */ 
	background-color: #3e2723;
	background: url(images/linear_bg_2.png);
	background-repeat: repeat-x;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8d6e63), to(#3e2723));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #8d6e63, #3e2723);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #8d6e63, #3e2723);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #8d6e63, #3e2723);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #8d6e63, #3e2723);
}
.linearBg2Sides {
	/* fallback */ 
	background-color: #8d6e63;
	background: url(images/linear_bg_2.png);
	background-repeat: repeat-x;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e2723), to(#8d6e63));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #3e2723, #8d6e63);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #3e2723, #8d6e63);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #3e2723, #8d6e63);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #3e2723, #8d6e63);
}

#confirmation_dialog{
	display: none;
}

.underscore{
	border-bottom: 2px solid RGBA(8, 3, 2, 0.41); 
}

#registration_submit_message{
	display: none;
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #9F8989;
	margin: 0px 0px 12px 0px;
}
#confirmation_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid rgb(65, 123, 58);
	margin: 0px 0px 12px 0px;
}
#edit_admin_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 0px 0px 12px 0px;
}
#add_admin_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 0px 0px 12px 0px;
}
#edit_article_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 12px 0px 0px 0px;
	display: none;
}
#del_admin_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 0px 0px 12px 0px;
}
#del_article_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 12px 0px 0px 0px;
	display: none;
}
#add_article_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 12px 0px 0px 0px;
	display: none;
}
#edit_article_message{
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	/* text-align: center; */
	border: 1px solid rgb(65, 123, 58);
	margin: 12px 0px 0px 0px;
	display: none;
}
.loading_small{
	width: 100px;
	height: 100px;
}
.loading_very_small{
	width: 50px;
	height: 50px;
}
.loading_smallest{
	width: 25px;
	height: 25px;
}

.preloader{
	width: 300px;
	height: 300px;
	background-color: white;
}

.go_button{
	margin-top: 5px;
	width: 100%;
}

.password_info{
	font-size: 1.2em;
}
.password_meter{
	font-size: 1.3em;
}

#new_password_results{
	display: none;
	padding: 10px 10px 10px 20px;
	font-size: 1.2em;
	text-align: center;
	border: 1px solid #9F8989;
	margin: 0px 0px 12px 0px;
}

.login_help_heading{
	font-size: 1.3em;
}

/* horizontal menu */
div#hmenu {
	font-size: 1.2em;
	margin: 0;
	padding: 0em 0.3em 0em 0.5em;
	/* dark brown */
	background-color: #3E2723;
	width: 100%;
	text-align: center;
}

div#hmenu ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#hmenu ul li {
	margin: 7px 3px 7px 0px;
	padding: 0px 0px 0px 3px;
	display: inline;
	border-left:1px solid #fff;
	flex-grow: 1;
}

div#hmenu ul li:first-child {
	border-left:none;
}

div#hmenu ul a{
	display: block;
}

div#hmenu ul a:link{
	margin: 0;
	padding: 0em 0.3em 0em 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #e0e0e0;
}

div#hmenu ul a:visited{
	margin: 0;
	padding: 0em 0.3em 0em 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #e0e0e0;
}

div#hmenu ul a:active{
	margin: 0;
	padding: 0em 0.3em 0em 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #A1887F;
}

div#hmenu ul a:hover{
	margin: 0;
	padding: 0em 0.3em 0em 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background-color: #8D6E63; /* light brown */
}

.current_page_link {
	color: red;
	background-color: #64514E;
}

#account_menu{
	border-radius: 12px;
	box-shadow: 0px 0px 26px #000;
}