/*##### template5/css/mytgstyle.com ,installed by ###RR-Template5, by Robin Richmond */
/* The mod RR-Template5 Remove must be run before this one to remove the files that this mod installs */
/* See readme.htm in the mod subfolder */

body,.normal, .indleftcol {font-family: calibri, Arial, Helvetica, sans-serif; font-size:13px;}
table {font-family:inherit; font-size:inherit;}
/* Make lists look like they are part of a paragraph: */
div.p {margin:1ex 0} /* Put the paragraph whitespace on the div */
div.p p {margin:0;}   /* Inside the div, paragraphs have no whitespace */
div.p h4, div.p h3, div.p h2, div.p h1 {margin:.5ex 0;} /* Likewise these tags */
div.p ol, div.p ul, div.p dl, div.p blockquote
	{margin-top:0; margin-bottom:0;} /* These tags need to retain their horital spacing */
/* .p on lists double-spaces the list elements. */
ol.p>li {margin-top:1ex; margin-bottom:1ex;}
ul.p>li {margin-top:1ex; margin-bottom:1ex;}

.rrHide {display:none;}
.rrShowBlock {display:block;}
.rrShowInline {display:inline;}
.rrLightBorder {border:1px dotted #aaa;}
.rrMarginsFlat {margin-top:0; margin-bottom:0;}
/* To make sure that Firefox Fieldset borders are visible */
fieldset {border:thin solid grey;}

/*????????????????????????????
 To handle the photo and sitename, plus possibly the masthead search button */
.sitename {font-size:10pt;
	text-align:left;
	height:auto; overflow:visible;
	padding:0 2em;
}


/* Styles that drive the layout of index.php and of topmenu.php and footer.php */
.indexheader { text-align:left; padding-left:10px;} /* was right-aligned with no left padding */
.maintable {width:100%;} /* Remove the width constraint in index.php */
.banner {display:table-cell;
	text-align:left; vertical-align:top;
	 width:90%;} /* Was 585px */
/* Constrain the left-floating photo to the #masthead div */
#masthead {overflow:auto;
	display:table;width:100%;
}
#mastphoto {float:left;}
.temp5wrap {width:100%;} /* For topmenu, and footer layout - no border*/
.imagesection {width: 100px;}
.undertab {height:1ex} /* Bar below the home page tab menu */
.leftcontent {width:100%; margin-left:5px; } /* was 55%; 30px */
.rightcontent {text-align:left; float:right; margin:0; padding:0 0 5px 10px;}
.indexphoto {margin:0; padding:0; border:0;}
.indexbox {margin:0; padding:0; float:none; width:100%;} /* Was margin-left:120px; padding:5px 10px; float:right */
.indexsearch {padding:4px;} /* Was 8px */
.tableheader {width:100%;} /* Remove another width constraint */
.tablesubheader {width:100%;} /* And another! */
.buttonicon {position:relative; top:3px;} /* Not used */
.row30 {height:18px; min-height:18px;}

/* For the styled sitename in the homepage, home page links, and other references to the site */
/* (Not likely to be usedside of the template) */
.rrSiteLogo {font-family:Bookman, Times, serif;
	font-size:110%; font-style:oblique; font-weight:bold;
	text-decoration:none;
}
/* for the lists of parental and maternal family names in the masthead of index.php */
.rr5IndexSitename {float:left; padding-right:20px;}
.rr5IndexSurnames {font-size:9pt; margin-left:220px;}
/* for the username, assigned tree, and assigned branch. 120% reduces the line height!?! */
.rr5IndexUser {line-height:120%; float:right;}
/* For headings that serve as text buttons, with my template 5 colors */
.rr5LinkedHeading {color:#4E7076; font-family:times;}
.rr5LinkedHeading:hover {color:#6CABAE}

/* To make Firefox Fieldset borders visible */
fieldset {border:thin solid grey;}

/****** For the new search form **********/
#rrSearchDiv1 {display:table-cell;
	vertical-align:middle; padding:0 10px;
	}
.rrSearchButton1 { font-weight:bold; font-size:180%; text-decoration:none;}
#rrlastname {background:transparent; outline:none; padding:1px 4px; color:white;
	border:1px solid #EEE; border-top:none; border-bottom:none; font-size:90%;}
#rrlastname::placeholder {background:transparent; color:white; opacity:0.5;}

/* for the new search buttons & form */
#rrSearchDiv {float:right; margin:0; padding:0;}
.rrSearchButton {color:white; background:transparent;
	cursor:pointer;
	font-weight:bold; font-size:140%; text-decoration:none;
	border:0; outline:0; padding:0;
	position:relative; top:-3px;
	}

#rrSearchDrop {right:10px;}
.rrSlideDown {padding:8px;
	border:1px solid #777;
	position:absolute;
	z-index:20;
	background: #eee;
	border-radius: 8px;
}
#rrSearchForm {display:table;}
rrSearchForm>div { display:table-cell;
	text-align:center; vertical-align:top;
	padding:8px 2px;
}
#rrSearchForm>div:first-child {border-right:thin solid grey;}
/* ===========================================================*/

/* For the FAQ tab */
#faqdiv dt,dd {margin-top:1ex; margin-bottom:1ex;}
#faqdiv dt {font-weight:bold; cursor:pointer; color:#4E7076;} /*The template 5 link color*/
#faqdiv dd {display:none;}
#faqdiv ol.compact {margin-top:0; margin-bottom:0;}

/* For the links that close the FAQ answers */
.close,.closeall {color:#4E7076; text-decoration:underline; cursor:pointer;}
.closelinks {text-align:right;}

/* Reduce whitespace in TNG14 */
.fieldnameback, .tablesaw-cell-label {padding: 3px;}
.fieldname {padding: 3px;}
.databack {padding: 3px;}
.lightback {padding: 3px;}

input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="number"], button, input[type="text"], textarea, select {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 4px;}
input[type="password"], button, input[type="text"], input[type="number"], textarea, select {
	font-size: 12px;}
}
/*******************************************/
@media print {
.rrnoprint{display:none;}
}
/* Responsive rules, driven by page width media queries */
@media (min-width: 750px)  {.leftcontent{width:50%;}}
@media (min-width: 830px)  {.leftcontent{width:72%;}}
@media (min-width:1028px) {.leftcontent{width:78%;}}
@media (min-width:1200px) {
	.leftcontent{width:80%;}
	table.maintable {width:95%;}
	.imagesection {width: 125px;}
}
@media screen and (min-width: 300px) and (max-width: 360px) {
	.media-prev {
			left: -20px;
			width: 180px;
		}
}
@media (max-width: 700px) {
	.rr5IndexNames {margin-left:180px;}
	#menubar {text-align:right;}
}
@media (max-width: 600px) {
	.rr5IndexUser {max-width:25em;}
}
@media (max-width: 550px) {
	.rr5IndexSitename{float:none;}
	.rr5IndexSurnames {margin-left:0;}
}
@media (max-width: 500px) {
	#menubar {
		display: block;
	}
}
	.leftcontent{width:72%;}
	#searchmenu {display:none;}
}
@media (max-width: 830px)  {
	.imagesection, .spacercol {
		display: none;
	}
}
*/