/*  Behold.css stylesheet - for www.beholdgenealogy.com */
/*  Developed beginning in December 2007, by Louis Kessler */
/*  Updated Apr 2011 to include css for user guide */
/*  Updated Aug 2012 to use Responsive Web Design to reformat well for mobile devices */

@media screen {
	body {
	 	font-size: 81.25%;  /* Resets 1em to 13px */
	}
}
@media print {
	body {
		font-size: 69.4%;
	}
	.downloadbox {
		border: .15em solid #e3e3e3; 
	}
	.downloadbox a {
		border: .15em solid #0099cc; 
	}
}
body {
	margin-top: 2em;
	color: #000000;  /* #666666 was original design, #333333 was my alternative */
	background: #ffffff;
}

* {
   font-family: Arial, Helvetica, sans-serif; /* Tahoma, Verdana, Geneva */  
	line-height: 140%;
}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}

h1 {
	color: #0099cc;
	font-weight: bold;
	font-size: 1.5em;  /* 1.33 was original design */
}
h2 {
	color: #0086b0;  
	font-weight: bold;
	font-size: 1.25em;  /* 1.0 was original design */
}
#contentwrapper h2 {
	margin-top: 2.0em;
}
h3 {
	color: #000000;  /* #ffffff was original design */
	font-weight: bold;
	font-size: 1.10em;  /* 1.0 was original design */
}
h4 {
	font-weight: bold;
	font-size: 1.0em;  
}
.subhead {
	margin-top: 2em;
}
hr {
  border: 0;
  height: .15em;
  color: #00aadd; 
  background-color: #00aadd; 
  margin-bottom: 0.7em;
}
ol, ul {
	padding-left: 0; 
	margin-left: 2.5em;
}
li {
	margin-bottom: 5px;
}

/*  Hyperlink colors, must be specified in the order: link, visited, hover, active */
/*  Default browser colors are: link: blue, visited: purple, hover: no change; active: red */
/*  Default text-decordation is: underline  */
a image {
	border: none;
}
a {
	text-decoration: underline;
}
a:link {
	color: #4444ff; /* #4040ff; */	/* Was #000000 */
}
a:visited {
	color: #804480; /* #804080; */  /* Was #666666 */
}
a:hover {
/*	color: #0081aa; */  /* Was #0099cc */ 
	background-color: #86dfff; /* #82ebff; */
	color: #000000;
}
a:active {
	color: #005a84;   /* Was #660000 */
}
blockquote {
	border-width: 1px;
	padding-top: 0.7em;
	padding-left: 1em;
	padding-right: 1em;
	border-color: black;
	border-style: solid;
}

input.formInputButton  {
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bolder;
    text-align: center;
    color: #300;
    background: #f99 url(bg_button.png) repeat-x;
    padding: .08em;
    float: right; 
    cursor: pointer;
    }
textarea {
	font-size: 100%; /* Needed for Firefox */
	width: 100%;
	height: 15em;
}
/* Note: For scaling images, see: http://www.bigbaer.com/css_tutorials/css.scale.image.html.tutorial.htm */
img { /* border style for all images */
  border: 0;
}
	 
/* Top Menu Navigation */
.navmenu {
	clear: both;  /* Allows the navmenu to start following the two columns */
	text-align: center;
}
@media print, (min-width: 800px) {
	.navmenu {
		white-space: nowrap;  /* prevent wrapping of the top menu  - needed for Firefox printing */
	}
}
.navmenu ul {
	margin: 0 auto; /* center */
	padding: 0;
}
.navmenu li {
	display: inline;
	padding-left: .64em; 
	padding-right: .64em; 
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
.navmenu a {
	text-decoration: none;
}
/* These highlight the navigation link for the current page */
body.home li.ahome,
body.foryou li.aforyou,
body.screenshots li.ascreenshots,
body.faq li.afaq,
li.ug,
body.download li.adownload,
body.buynow li.abuynow,
body.history li.ahistory,
body.future li.afuture,
body.blog li.ablog,
body.forum li.aforum,
body.feedback li.afeedback { 
	padding-left: .385em; 
	padding-right: .385em; 
	background-color: #00bbdd;
	border-top: .15em solid #00bbdd; /* These borders make it look like a "tab" when printing */
	border-left: .31em solid #00bbdd;
	border-right: .31em solid #00bbdd; 
/*	border-bottom: .15em solid #00bbdd; */
/*	font-size: 90%; */
	font-weight: bold;
	text-decoration: none;
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
body.home li.ahome a,
body.foryou li.aforyou a,
body.screenshots li.ascreenshots a,
body.faq li.afaq a,
li.ug a,
body.download li.adownload a,
body.buynow li.abuynow a,
body.history li.ahistory a,
body.future li.afuture a,
body.blog li.ablog a,
body.forum li.aforum a,
body.feedback li.afeedback a { 
	color: #ffffff;
	background-color: #00bbdd; 
}
body.home li.ahome a:hover,
body.foryou li.aforyou a:hover,
body.screenshots li.ascreenshots a:hover,
body.faq li.afaq a:hover,
li.ug a:hover,
body.download li.adownload a:hover,
body.buynow li.abuynow a:hover,
body.history li.ahistory a:hover,
body.future li.afuture a:hover,
body.blog li.ablog a:hover,
body.forum li.aforum a:hover,
body.feedback li.afeedback a:hover { 
	color: #000000;
}

/* Note: anchor states must be specified in this order: */
/*    1. link, 2. visited, 3. hover, 4. active */
.navmenu li a:link {
	color: #666666; /* #999999 was original design */
}
.navmenu li a:visited {
   color: #666666;  
}
.navmenu li.ug a:visited {
   color: #ffffff;  
}
.navmenu a#bright:link, .navmenu li a#bright:visited {
   color: #ff0000;
}
.navmenu li a:hover, .navmenu li a#bright:hover {
/*  color: #0099cc;  */
}
.navmenu li a:hover {
	color: #000000;
}

/* The border around the content, done with CSS */
@media print, (min-width: 800px) {
	#maincontainer{
		width: 60.15em; /* 782 px */
		margin: 0 auto;  /* center */
	}
	#maincontainer1 {
		width: 59.85em; 
   	border: .15em solid #fbfbfb;
	}
	#maincontainer2 {
		width: 59.54em; 
   	border: .15em solid #f6f6f6;	
	}
	#maincontainer3 {
		width: 59.38em; 
   	border: .08em solid #f4f4f4;	
	}
	#maincontainer4 {
		width: 59.23em; 
		border: .08em solid #f1f1f1;	
	}
	#maincontainer5 {
		width: 59.08em; 
   	border: .08em solid #eaeaea;	
	}
	#maincontainer6 {
   	width: 58.92em;
   	border: .08em solid #d3d3d3;
	}
}

#headercontainer {
/*   height: 16em; */
	border-bottom-width: .08em;
	border-bottom-style: solid;
	border-color: #cbcbcb;
}

#header {
	padding: 0.38em;
}
@media print, (min-width: 800px) {
  #header img {
  	  width: 58.15em;
	  height: 15.15em;
  }
  #contentwrapper{
    	width: 57.77em;
}
@media screen and (max-width: 799px) {
	#header img {
	   width: 100%;	
	}
}

/* background-color: #f8fbff; */ 
}
@media print, (min-width: 800px) {
	#contentpadding {
		margin-top: 2.5em;
		margin-left: 2.5em; 
		margin-right: 2.5em; 
		margin-bottom: 2.5em;
	}
}
@media screen and (max-width: 799px) {
	#contentpadding {
		margin-top: 2.5em;
		margin-left: 1em; 
		margin-right: 1em; 
		margin-bottom: 2.5em;
	}
}
@media print, (min-width: 800px) {
	#contentpaddingnotop {
		margin-top: 2.5em;
		margin-left: 2.5em; 
		margin-right: 2.5em; 
		margin-bottom: 2.5em;
	}
}
@media screen and (max-width: 799px) {
	#contentpaddingnotop {
		margin-top: 2.5em;
		margin-left: 1em; 
		margin-right: 1em; 
		margin-bottom: 2.5em;
	}
}

@media print, (min-width: 800px) {
  #leftcolumn{
     float: left;
	  width: 38.46em;  /* note: if this is changed, also change #rightcolumn width to be the same */
  }
}
@media print, (min-width: 800px) {
	#leftcolumnpadding {
		margin-top: 2.5em;
		margin-left: 2.5em; 
		margin-right: 0.0em; 
		margin-bottom: 2.5em;
	}
}
@media screen and (max-width: 799px) {
	#leftcolumnpadding {
		margin-top: 2.5em;
		margin-left: 1em; 
		margin-right: 1em; 
		margin-bottom: 2.5em;
	}
}

@media print, (min-width: 800px) {
	#rightcolumn{
		margin-left: 38.46em;  /* must be the same as the #leftcolumn width */
	}
}
#rightcolumnpadding {
	margin-top: 2.5em; 
	margin-left: 2.5em; 
	margin-right: 2.0em; 
	margin-bottom: 2.5em;
}
#rightcolumnpaddingnobottom {
	margin-top: 2.5em; 
	margin-left: 2.5em; 
	margin-right: 2.0em; 
	margin-bottom: 0em;
}

#loginform {
	margin-top: -1em;
}
.fieldset .label {
	width: 5.38em;
	float: left;
	padding: 0.2em;
	margin: 0;
	margin-top: 0.3em; }
.fieldset .nobr {
	display: none; }  
.fieldset .textfield {
	margin: .23em;
	height: 1.54em;
	width: 15.38em; }
.fieldset .textarea {
	margin: .23em;
	height: 12.69em;
	width: 15.38em; }
	
.downloadbox {
   padding-top: 0.2em;
	padding-left: .77em;
/*	padding-right: .62em; */
   width: 15.08em;
	padding-bottom: 1em;
	background-color: #f0f0f0;
/*  	border-color: #ececec; */
	border-bottom: .15em solid #e3e3e3;
 	border-right: .15em solid #e3e3e3; 
  	text-align: center;
	font-weight: bold;
}
.downloadbox h2 {
	margin-top: 1.0em;
}
.downloadbox a {
   background-image: url('freedownload0.gif');
	display: block;
	margin-left: 1em;
	padding-top: 1em;
	width: 12.31em;
	height: 2.31em;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.downloadbox a:hover {
   background-image: url('freedownload1.gif');
	background-color: transparent;
   color: #ffffff;
}
.fancysubmit {
   border: none;
   background: url('freedownload0.gif');
   display: block;
	width: 12.31em;
	height: 2.31em;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-weight: bold;
	color: #ff0000;
	text-decoration: none;
}
.fancysubmit:hover {
   background: url('freedownload1.gif') no-repeat top left;
	background-color: transparent;
   color: #ffffff;
}

.quotes {
   font-size: 0.9em; 
	font-style: italic;
	color: #000000; /* #999999 was original design, #666666 was my alternative */
/*	background-color: #e0f0ff; */
	margin-top: 2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.quotespadding {
	margin: 1.2em;
}
#footer {
	clear: both;  /* Allows the footer to start following the two columns */
  	background-color: #f7f7f7; 
  	height: 11em;   
	padding-top: 0.5em;
	text-align: center;
/*	font-size: 0.8em;  */
	font-size: 90%;
	font-weight: bold;
	color: #666666; /* #999999 was original design */
	border-top-width: .08em;
	border-top-style: solid;
	border-top-color: #cbcbcb;
}
#footer .navmenu {
	font-size: 110%;
}

/***************************************************************************************************/
/*  Below are all the definitions needed for the Behold Blog (Wordpress) and the Behold Forum (bbPress) */
/***************************************************************************************************/

h1 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.6em;
}
h2 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.7em;
}
h3 small {   /* This is needed in blog entries for the date next to the Blog entry name */
	color: #000000;
	font-weight: normal;
	font-size: 0.8em;
}
small a {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
.lihead {
	font-weight: bold;
	list-style: none;
	margin-left: -1em;
}
.bbcrumb {   
	font-weight: bold;
/*   font-size: 105%    */
}
.bbcrumb a {   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#loginbar label {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
form {
	margin-top: 0.5em;
}
form label {
	font-size: 85%;
}
form input {
	vertical-align: middle;
	line-height: 120%;
}
form input.mid {
	height: 1em;
	width: 4.8em;
	margin-left: .22em;
	font-size: 100%;
}
#sidebar {
	padding-left: 1.2em;
  	font-size: 0.95em;   
/*	padding-top: 0.1em;
	padding-right: 0.6em;
	background-color: #e0f0ff;  */
}
#sidebar p {
	margin-top: .5em;
	margin-bottom: .5em;
}
#sidebar h2 {
	margin-bottom: .15em;
}
#sidebar ul {
	margin-top: .15em;
}
#sidebar li {
	list-style-type: none;
	padding-left: 0em;
/* note: Do not use a hanging indent. It doesn't display properly in IE6 */
/*	text-indent: -1.5em;  creates a hanging indent */
  	margin-left: -2.5em;   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#sidebar .quotes {
	margin-top: .15em;
	background-color: transparent;
}
#loginbar {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2.5em;
	padding-right: 2em;
	text-align: right;
	border-bottom-width: .08em;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
/*	white-space: nowrap; */
}
#loginbottom {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0;
}
#loginbar form, #loginbottom form, th form {
	display: inline;
}
th form {
	margin-left: 2em;
}
.loginlink {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}

.lineleft {  /* No longer used */
	margin-top: 0;
	float: left;
	width: 23em;
}
.lineright {   /* No longer used */
	text-align: left;
	line-height: 2.3em;
	}
.welcome {
	display: inline;
  	font-weight: bold; 
}
	
.post, .searchresults {
	margin-top: 3em;
	margin-bottom: 3em;
}
.postsingle {
	margin-top: 0em;
	margin-bottom: 3em;
}
.searchnotfound {
	margin-top: 3em;
}
.resultline {
	margin-top: 2em;
	margin-bottom: 2em;
}

#comments, #pingbacks {
	margin-top: 3em;
}
.clearcolumns {
	clear: both;
}
.notop {
	margin-top: 0;
}
#respond, h2.post-form {
	margin-top: 3em;
}
.postmetadata {
	text-align: center;
	font-size: 0.9em;
	padding-top: 1em; 
	padding-bottom: 2em; 
	border-bottom: .08em solid #DDDDDD;	
}
.postmetabutnodata {
	border-bottom: .08em solid #DDDDDD;	
}
.titlemetadata {
	display: inline;
	font-size: 0.9em;
}

div.blogentry, div.usercomment, div.lkcomment, div.othercomment, div.pingtracklist {
/*	This was my old way
	float: left;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	outline-color: invert;
*/
/* padding-top: 1.0em; */
/*	padding-bottom: 1.2em; */
/*	background-color: #e0f0ff; */
/* This is taken from blue-anvil.com's .comment style */
	border-bottom: .15em solid #E3E3E3;
 	border-right: .15em solid #E3E3E3; 
   padding: .77em .77em .08em .08em; 
/* position:relative; */
}
.othercomment, .pingtracklist {
  	background:#F8F8F8 none repeat scroll 0% 50%; 
}
.usercomment {
	background-color: #fff0e8;  
}
.lkcomment {
  	background-color: #e8f0ff;    
}
div.userfeedback {
	border-bottom: .15em solid #E3E3E3;
 	border-right: .15em solid #E3E3E3; 
   padding: .77em 1em .77em 1em; 
  	background-color: #e8f0ff;    
}
div.pingtracklist {
	padding-top: .08em;
}
.commentleft {
	margin-left: .38em;
}
.commentright {
	text-align: justify;
	margin-right: .38em;
	word-wrap: break-word;
}
@media print, (min-width: 500px) {
   .commentleft {
   	float: left;
   }
	.commentright {
		margin-left: 19.62em;
	}
}
@media screen and (max-width: 499px) {
   .commentleft {
   	float: none;
   }
	.commentright {
		margin-left: .38em;
	}
}
.commentright p {
	margin-top: 0;
	margin-bottom: 0.7em;
}

.searchresultleft {
	float: left;
	margin-left: .38em;
}
.searchresultright {
	margin-left: 2.38em;
	text-align: justify;
	margin-right: .38em;
	margin-bottom: 1em;
}
.searchresultright h4 {
	margin-top: 0em;
	margin-bottom: 0.3em;
}

.userinfo {
	padding-left: 1.23em;
	font-size: 0.85em;
	margin-bottom: .54em;
}
.userinfo a {   
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}
#commentform textarea, #postform textarea {
	width: 100%;
	height: 11.54em;
	font-size: 100%;
}
.commentbottom {
	clear: both;
}
.icon {
	vertical-align: text-bottom;
}
.iconlink {
	zoom: 100%;  /* Fixes Internet Explorer 7 Zoom problem */
}

.img-13-13 {width: 1.00em; height: 1.00em; }
.img-14-13 {width: 1.08em; height: 1.00em; }
.img-14-14 {width: 1.08em; height: 1.08em; }
.img-15-15 {width: 1.15em; height: 1.15em; }
.img-15-16 {width: 1.15em; height: 1.23em; }
.img-16-16 {width: 1.23em; height: 1.23em; } 
.img-18-12 {width: 1.38em; height: 0.92em; }
.img-18-20 {width: 1.38em; height: 1.54em; }
.img-19-19 {width: 1.46em; height: 1.46em; }
.img-105-15 {width: 8.08em; height: 1.15em; }
.img-150-200 {width: 11.54em; height: 15.38em; }
.img-510-24 {width: 39.23em; height: 1.85em; }
.img-439-29 {width: 33.77em; height: 2.23em; }
.img-441-333 {width: 33.92em; height: 25.61em; }
.img-574-400 {width: 44.15em; height: 30.77em; }
.img-735-555 {width: 56.54em; height: 42.69em; margin-left: -1em;}

.checkbox {
	width: 1.2em;
	height: 1.2em;
}
.nav {
	margin-left: 0.5em;
	font-weight: bold;
}

/* The following are needed to override the wp-login css stylesheet */
#login {
	margin-top: 2em;  
}
#login a:hover {
	background-color: transparent; 
}
a {
	border-bottom: none; 
}
.message {
	color: #0086b0;  /* #ffffff was original design */
	font-weight: bold;
	font-size: 1.25em;  /* 1.0 was original design */
}
.errors, #login_error, .updated {
	color: red;
	font-weight: bold;
}

/* 
  The following styles are from needed for the bbPress Forum
  Some are taken from the Kakumei Too bbPress theme by _ck_ at: http://bbshowcase.org/forums/
*/
#latest, #usertable, #forumlist {
	border-collapse: collapse;
	margin-bottom: 1em;
	border-width: .08em;
	border-style: solid;
	border-color: #dddddd;
}
#latest td, #usertable td, #forumlist td {
	border-top-width: .08em;
	border-top-style :solid;
	border-top-color: #dddddd;
}
#latest td, #forumlist td, #latest th, #forumlist th {
	padding: .31em .54em;
}
#usertable td {
	padding: .31em .4em .31em 0em;
	font-size: 90%;
}
#usertable th {
	padding: .31em .4em .31em 0em;
}
#forumlist tr td div.nest {
padding-left: 2.5ex;
}
#latest th, #usertable th, #forumlist th {
background-color: #f0f0f0;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
}
#latest th h2, #usertable th h2, #forumlist th h2  {
margin: 0;
padding: 0;
text-align: left;
}
.numintable, #forumlist small {
font-size: 90%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
}
.searchline {
	margin-bottom: 1.5em;
}
.searchhilight {
	background-color: yellow;
}
.results h4 {
	margin-bottom: 0em;
}

/* 
  The following styles are for the quotes on the main index page */
*/
.people {
	text-align: center;
	font-size: 90%;	
}
.people p {
	margin-top: 0.5em;
}
.people ul {
	margin-left: 1em;
}
.people li {
	margin-top: 0.3em;
}

/* Tooltips Using Cascading Style Sheets */
/* http://www.jlhaslip.trap17.com/samples/tooltips/index.html */
a.popup, a.opinion{ 
	position: relative;           /*this is the key*/
	z-index: 24;
	background-color: #e8e8e8;    /* background colour of display text */
	color: #000000;               /* colour of display text */
	border: 1px dotted #999;    /* border colour */
	text-decoration: none;
	font-style: italic;
}
a.opinion {
/*	line-height: 1.8em; */
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.betweenopinions {
	margin-top: 0.4em;
}
a.popup:hover, a.opinion:hover {
	z-index: 25;
	background-color: #cceaf2;
}
a.popup span, a.opinion span {
	display: none;  /* hide the span text using this css */
}
a.popup:hover span, a.opinion:hover span{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 1.5em; 
	width: 15em;
	padding: 0.8em;
	border: 1px dotted #999; /* border colour */
	background-color: #cceaf2; /* background colour here */
	color: #000000;         /* text colour */
	font-size: 100%;
	font-style: italic;
	z-index: 30;
}
a.popup:hover span {
	left: -5em; 
	text-align: center;
}
a.opinion:hover span {
	left: -0.1em; 
}
.seethis {
	display: none;
}
.purch {
  	background-color: #d3fcd4;    
}
.freebie {
  	background-color: #bef1f1;    
}
.unsub {
  	background-color: #fdd0e7;    
}
.bounce {
  	background-color: #e3d1b9;    
}
.test {
  	background-color: #d3d3d3;    
}
.buydmt {
  	background-color: #ffb064;    
}

/* Some stuff for Dr Explain */
/* Navigation Link table cell (e.g. previous and next page) */
/* Navigation Table */
.navTable
{
	border: 0px; 
	
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 14px;
	width: 100%;
	border-collapse: collapse;
}
.navLink
{
	margin: 0px;
	padding: 5px;
	width: 33%;
	font-size: 8pt;
}
/* contentArea is the same as contentwrapper and contentpadding together */
@media print, (min-width: 800px) {
	#contentArea {
		margin-top: 2.5em;
		margin-left: 2.5em; 
		margin-right: 2.5em; 
		margin-bottom: 2.5em;
	}
}
@media screen and (max-width: 799px) {
	#contentArea {
		margin-top: 2.5em;
		margin-left: 1em; 
		margin-right: 1em; 
		margin-bottom: 2.5em;
	}
}
#userguidebar {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2.5em;
	padding-right: 2em;
	border-bottom-width: .08em;
	border-bottom-style: solid;
	border-bottom-color: #cbcbcb;
/*	white-space: nowrap; */
 	background-color: #f7f7f7; 
}
.ic h2 {
	padding-top: 0.4em;
	padding-left: 0.7em;
}