/* normal: most regular body text */
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/* smfieldname: small text used in conjunction with .fieldname style text */
.smfieldname {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: white;
}

/* fieldname: regular text within column or row title sections */
.fieldname {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
}

/* header: heading text */
.header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	font-weight: bold;
	color: #427BBB;
	margin: 5px 0px 30px 0px;
}

/* whiteheader: heading text used on dark backgrounds (usually fieldnameback) */
.whiteheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
}

/* subhead: subheading text */
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #427BBB;
	/*these 2 lines added in 5.0*/
/*  border-right: 1px solid #777; 
	border-bottom: 1px solid #777; */
}

/* databack: background color for data areas */
.databack {
	background-color: #E8F0F8;
	/*these 2 lines added in 5.0*/
/*	border-right: 1px solid #bbb; 
	border-bottom: 1px solid #bbb; */
}

.pboxname {
  font-family: Arial, Helvetica, sans-serif; 
}

/* pedigree box: dates font */
/* font-size should be in points */
.pboxdates {
  font-family: Arial, Helvetica, sans-serif; 
}

/* pedigree box information popups */
/* font-size should be in points */
.pboxpopup {
  font-family: Arial, Helvetica, sans-serif; 
  margin-top: 0;
  margin-bottom: 0;
}

/* Added in 3.0.4 - Changed by JPW*/

UL {
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0em;
}

LI {
  padding-bottom: 1em;
}


/* Added in 4.0.0 */
/* For links on dark background */
a.lightlink:link, a.lightlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-decoration: none;
}

a.lightlink:hover, a.lightlink:active {
	color: #FFCC33;
	text-decoration: none;
}

/* For white-only links on dark background */
a.lightlink2:link, a.lightlink2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	text-decoration: none;
}

a.lightlink2:hover, a.lightlink2:active {
	color: #FFFFFF;
	text-decoration: none;
}

a.lightlink3:link, a.lightlink3:visited, a.lightlink2:hover, a.lightlink2:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.lightback {
	background-color: #FFFFFF;
}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #427BBB;
}

/* mouseoverback: background color for admin menu items while active*/
.mouseoverback {
	background-color: #77AADD;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #777; 
	border-bottom: 1px solid #777;
}

.whitesubhead {
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 16px;
}

/* smaller: small body text */
.smaller {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

/*added in 5.0.0*/
/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink2:active {
	color: #FFCC33;
	text-decoration: none;
}

/*for alignment on menu icons*/
.tngmenuicon {
	vertical-align: -3px;
}

/*for descendancy chart*/
#descendantchart {
	text-align: left;
}

#descendantchart li {
	list-style-type: none;
	white-space: nowrap;
}

#descendantchart ul {
  margin-left: 0px;
}

#descendantchart ul.first {
	margin: 0;
	padding: 0;
}

.bar {
	height:16px;
	background-color:#427BBB;
}

.aligntop {
	vertical-align:top;
}

.bar-holder {
    width:240px;
}

/* styles for surname cloud */
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: #DD0033; }
a.size5:link    { color: #DD0033; }
a.size5:visited { color: #DD0033; }

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: #990099; }
a.size9:link    { color: #990099; }
a.size9:visited { color: #990099; }

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

.surnames-cloud, .surnames-cloud a {
  	font-family: Verdana, Tahoma, Arial;
  	padding: 2px 2px 2px 2px;
  	letter-spacing:  0.0em;
	word-spacing:    0.0em;
  	text-decoration: none;
  	font-weight:     normal;
    text-align:      center;
	font-size:		 13px;
}

a.size1      { font-size: 200%; }
a.size2      { font-size: 190%; }
a.size3      { font-size: 180%; }
a.size4      { font-size: 170%; }
a.size5      { font-size: 160%; }
a.size6      { font-size: 150%; }
a.size7      { font-size: 140%; }
a.size8      { font-size: 130%; }
a.size9      { font-size: 115%; }
a.size0      { font-size: 100%; }

.surnames-cloud a {
	-webkit-text-size-adjust: none;
}