/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
/* FONTS USED IN THIS TEMPLATE */
@import url('https://fonts.googleapis.com/css?family=Rochester');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300');

#thomebody h2, #tsidebar h3, #tmenu, h1 {
	font-family: 'Quicksand', sans-serif;
}
.sideback {
    background-color: #6f6f6f;
}
#thomemast h1, #tmast h1 {
	font-family: 'Rochester', cursive;
	margin: 0;
}

.lightlink:link, .lightlink:visited {
    color: #000000;
    text-decoration: none;
}
/* END FONTS */

/* COLORS USED IN THIS TEMPLATE (more in tngmobile.css) */
a:link, a:active, div.icons a, .header, .plainheader, #thomemast h1, #tmast h1, ul.tngdd a, #tsidebar h3, #thomebody h2 {
	color: #000000;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact,
.LB_closeAjaxWindow, .fieldnameback,
.tablesaw-cell-label, .bar {
 background-color: #f5f5f5!Important;
 border-right: 1px solid #77777721;
 border-bottom: 1px solid #77777721;
}

.databack, .snlink, div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu, .LB_window {
   background-color: #f5f5f5!Important; 
   border-right: 1px solid #77777721;
   border-bottom: 1px solid #77777721;
}

/* body: describes page background color and all non-table text not governed by any other style */
body {
	background-color : #f2f2f2!Important;
	color: #444;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* END COLORS */

#tpage {
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	padding:15px;
	border-radius: 20px;
	margin-top: 30px;
}

.theader {
	text-align:center;
}

.mast {
	padding-top: 10px;
}

/* header: heading text */
label.formfield {
	color: #777;
}

/* visited: previously visited links */
a:visited {
	color: #336666;
}

#thomemast h1 {
	font-size: 42pt;
}

#tmast h1 {
	font-size: 36pt;
}

#tsidebar {
	display: inline-block;
	vertical-align: top;
	margin-right:30px;
	width: 20%;
}

#thomebody {
	display: inline-block;
	width: 75%;
}

#thomebody h2 {
	font-size: 18pt;
}

#tsidebar h3 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 14pt;
}

.tsidesection {
	border-bottom: solid 1px #a9a9a9;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#tmenu {
	margin: 15px 0 30px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #eee;
}

#tmenu ul{
	display: inline-block;
	list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#tmenu ul li {
    float: left;
    line-height: .5em;
    font-size: 12pt;
}

#tmenu ul li a {
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.tblock{
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 25px;
	border-radius: 10px;
	box-shadow: 2px 2px 6px 1px #bbb;
}

.tblock h2 {
	margin-top: 0;
}

.tablediv {
	display: table-cell;
	width: 49%;
	font-size: 12pt;
}

.inner-block {
	background-color:#fff;
	margin-bottom:10px;
	padding:10px;
	border-radius: 6px;
	box-shadow: 1px 1px 2px 1px #ccc;
}

#big-block-1 img {
	border-radius: 5px;
	box-shadow: 2px 2px 6px 1px #bbb;
}

.surnames-cloud, .surnames-cloud a {
	text-align: left;
}

a.size1      { color: #000099; }
a.size1:link    { color: #000099; }
a.size1:visited { color: #000099; }

a.size2      { color: #3333CC; }
a.size2:link    { color: #3333CC; }
a.size2:visited { color: #3333CC; }

a.size3      { color: #006633; }
a.size3:link    { color: #006633; }
a.size3:visited { color: #006633; }

a.size4      { color: #993300; }
a.size4:link    { color: #993300; }
a.size4:visited { color: #993300; }

a.size5      { color: #CC0033; }
a.size5:link    { color: #CC0033; }
a.size5:visited { color: #CC0033; }

a.size6      { color: #666666; }
a.size6:link    { color: #666666; }
a.size6:visited { color: #666666; }

a.size7      { color: #CC9900; }
a.size7:link    { color: #CC9900; }
a.size7:visited { color: #CC9900; }

a.size8      { color: #999933; }
a.size8:link    { color: #999933; }
a.size8:visited { color: #999933; }

a.size9      { color: #000000; }
a.size9:link    { color: #000000; }
a.size9:visited { color: #000000; }

a.size0      { color: #000000; }
a.size0:link    { color: #000000; }
a.size0:visited { color: #000000; }

.emailimg {
	width: 40px;
	height: 26px;
	margin: 0px 8px 0px 0px;
	float: left;
	border: 0px;
}

.vmenu {
	list-style-type: none;
	padding:0;
}

.vmenu li {
	padding:0 0 8px 4px;
	font-size:13pt;
    font-family: 'Quicksand', sans-serif;
}

.mainsection p {
	margin: 0 0 10px;
	padding: 0px;
	font-size: 12pt;
	line-height: 1.5em;
}

/* added for 6.2 */
.indexpage {
	text-align:left;
}

.LB_window {
	border: 1px solid #000000;
	color:#000000;
	background-color: #c0c0c0!Important; 
}

.titlebox {
	background-color: #f6f6f6;
}

div.innercontainer {
    border-bottom: 1px solid #999;
}

ul.tngdd {
    background-color:#fff;
}

ul.tngdd ul li a, .slidedown {
	background-color:#eeeeee;
}

ul.tngdd ul li a:hover {
	background-color:#ffffff;
}

ul.tngdd .menulink {
	background: #e4e4e400 url(../img/ArrowDown.gif) 1px 18px no-repeat!Important;
    padding: 0px 20px 0px 20px;
    font-weight: bold;
    height: 23px;

}
ul.tngdd {
	  background-color: #f7f7f7;!Important;
}
}

ul.tngdd .menulink, ul.tngdd .langmenu {
	border-bottom-color:#999;
	border-right-color:#999;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	border-bottom:1px solid #444;
	border-right:1px solid #444;
	color: #aeaeae!important;
	background: #5e8db5 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

/* added in TNG 10.1 for alternate row striping to databack */
.databackalt {
	background-color: #D9D9D9;  
}

ul.tngdd .sub {
	background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat
}

ul.tngdd .topline {
	border-top:1px solid #777
}

#search-submit {
	margin-top:5px;
	margin-bottom:5px;
}

#mainphoto {
	margin:0 15px 0;
	float: right;
}

#mainphoto img {
	max-width: 400px;
}

@media (max-width: 550px) {
	.std-only {
		display: none;
	}
	#thomemast h1 {
		font-size: 24pt;
		line-height: 24pt;
	}
	#mainphoto {
		margin:0 0 15px 0;
		float: none;
	}
	#mainphoto img {
		width: 100%;
	}
	#tpage {
		width: 90%;
	}
	.mainsection p {
		font-size: 11pt;
		line-height: 1.3em;
	}
	.tablediv {
		width: 92%;
	}
	.tblock {
		padding: 13px;
	}
}

@media (max-width: 870px) {
	.tablediv {
		display: block;
		width: 92%;
		font-size: 11pt;
	}
	#tsidebar {
		display:none;
	}
	#thomebody {
		width:100%;
	}
}

.wrapper
{
	padding-bottom: 90px;
}

.divider
{
	position: relative;
	margin-top: 90px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.div-arrow-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-tab-down:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: calc(50% - 10px);
	width: 20px;
	height: 14px;
	background-color: white;
	border-bottom: 1px solid rgb(48,49,51);
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
	border-radius: 0 0 8px 8px;
}

.div-stopper:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 7px);
	width: 14px;
	height: 12px;
	background-color: white;
	border-left: 1px solid rgb(48,49,51);
	border-right: 1px solid rgb(48,49,51);
}

.div-dot:after
{
	content: "";
	position: absolute;
	z-index: 1;
	top: -9px;
	left: calc(50% - 9px);
	width: 18px;
	height: 18px;
	background-color: goldenrod;
	border: 1px solid rgb(48,49,51);
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px white,
					0 0 0 4px white;
}
.adm-rounded-table {
      background-color: #ffffff!Important;
}  
.admin-header {
    background-color: #ffffff!Important;
}
.admincorner {
      background-color: #ffffff!Important;
}  
.admin-main {
    background-color: #ffffff!Important;
}  

/* START FAMBOX CSS CHANGES */

.smallpic {
height: 60px ;
width: 45px ;
}
.mfambox {
background-color: #F7F7F7;
border: 1px solid #000000;
}
.mfambox a:link {
color: #000000;
font-weight: 700;
font-size: 12px;
}
.fambox  {
height: 65px ;
border: 1px solid #000000;
background-color: #F7F7F7;
}
.fambox a:link {
color: #000000;
font-weight: 700;
font-size: 12px;
}
.fambackground {
background-color: #F9F9F9;
}

/* END FAMBOX CSS CHANGES */

.fieldname {
    color: #000 !important;
    padding: 5px!important;
}

.normal, .indleftcol {
    font-family: Aref Ruqaa;
    font-size: 10pt;
}
#tngnav a {

    border-radius: 15px 15px 0px 0px; 
    font: 11px Aref Ruqaa;
    font-size: 13px;
    border-right: 3px solid #444;
    background-color: #F7F7F7!Important;
}

#tngnav a:hover {

    color: #FFFFFF!Important;
    background-color: #8d8d8d!Important;
}
#tngnav a.here {

    color: #FFFFFF!Important;
    background-color: #8d8d8d!Important;
}
.tngsmallicon {
    padding: 0px 18px 0px 18px;
    margin: 0px;
    text-decoration: none;
    display: block;
    float: left;
    font-weight: bold;
    height: 23px
}
div.icons-rt a {
    padding: 8px 10px 0px 10px;
    margin: -7px 5px;
    font-weight: bold;
    font-size: 16px;
}
.tfixed, .thfixed, .dna-tfixed {
    border-radius: 0px;
    box-shadow: 5px 5px 10px 0px #66666647;
}
.whiteback {
    border: 2px solid #c0c0c033;
    background-color: #ffffff00;
    border-radius: 5px!important;
}