/* normal: most regular body text */

.normal {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 12px;

}



/* smfieldname: small text used in conjunction with .fieldname style text */

.smfieldname {

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 10px;

	color: white;

}



/* fieldname: regular text within column or row title sections */

.fieldname {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: white;

}



/* header: heading text */

.header {

	/*next line added in 6.1.0*/

	margin-top: 0px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 21px;

	color: #333366;

}



/* whiteheader: heading text used on dark backgrounds (usually fieldnameback) */

.whiteheader {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

}



/* subhead: subheading text */

.subhead {

	/*next line added in 6.1.0*/

	margin-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

}



/* body: describes page background color and all non-table text not governed by any other style */

BODY {

	background-color : #FFFFFF;

	color : #000000;

	font-family : Arial, Helvetica, sans-serif;

	font-size: 12px;

}



/* link: normal links, active: links in use */

A:LINK, A:ACTIVE {

	color : #990000;

}



/* visited: previously visited links */

A:VISITED {

	color: #666633;

}



/* fieldnameback: background color for column and row title sections */

.fieldnameback {

	background-color: #333366;

	/*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: #e0e0f7;

	/*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 */

UL {

  margin-left: 5px;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-left: 1em;

}



/* Added in 4.0.0 */

/* For links on dark background */

a.lightlink:link, a.lightlink:visited {

	font-family: 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: Arial, Helvetica, sans-serif; 

	color: #FFFFFF;

	text-decoration: none;

}



a.lightlink2:hover, a.lightlink2:active {

	color: #FFFFFF;

	text-decoration: none;

}



.lightback {

	background-color: #FFFFFF;

	/*these 2 lines added in 6.0.0*/

	border-right: 1px solid #bbb;

	border-bottom: 1px solid #bbb;

}



/* sideback: background color for side and top frames */

.sideback {

	background-color: #333366;

}



/* mouseoverback: background color for admin menu items while active*/

.mouseoverback {

	background-color: #336399;

	/*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.lightlink3:active {

	color: #FFCC33;

	text-decoration: none;

}



/*for alignment on menu icons*/

.tngmenuicon {

	vertical-align: -3px;

	padding:1px;

}



/*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;

}



/*added in 6.0.0*/

/*for css dropdown menus*/

#mnav, #mnav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

}



#mnav a {

	display: block;

	width: 7em;

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 11px;

	text-decoration:none;

}



#mnav li { /* all list items */

	float: left;

	width: 7em; /* width needed for Opera */

	margin-right: 2px;

	background: #e0e0f7; /*same as "databack" background color */

	border-bottom:1px solid #777;

	border-right:1px solid #777;

	border-top:1px solid #e0e0f7; /*same as "databack" background color */

	border-left:1px solid #e0e0f7; /*same as "databack" background color */

}



#mnav .drop {

	padding-right:1em;

	width:95px;

}



#mnav li ul { /* second-level lists */

	border-top: 1px solid #777;

	border-left: 1px solid #777;

	border-right: 1px solid #777;

	background: #ffffff;

	position: absolute;

	width: 13em;  /*increased to 13 in 6.2.0*/

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#mnav li ul li {

	border: 0px;

	width: 13em;  /*increased to 13 in 6.2.0*/

	background: #eeeeee; /*inactive dropdown menu color*/

	margin-right: 0px;

	margin-top: 1px;

	border-bottom: 1px solid #777;

}



#mnav li ul li a {

	width: 13em;  /*increased to 13 in 6.2.0*/

	padding-top: 2px;

	padding-bottom: 2px;

	font-size: 12px;

	text-decoration:underline;

}



#mnav li:hover, #mnav li.sfhover { /* lists nested under hovered list items */

	background-color: #ffffff;

	border-top:1px solid #aaa;

	border-left:1px solid #aaa;

}



#mnav li:hover li, #mnav li.sfhover li { /* lists nested under hovered list items */

	border-top:none;

	border-left:none;

}



#mnav li:hover ul, #mnav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



/*added in 6.2.0*/

.media-prev {

	top: -180px;

	right:-426px;

	height: 400px;

	padding: 20px 7px 12px;

	position:absolute;

	text-align: center;

	width: 410px;

	z-index:98;

	display:table-cell;

	line-height: 50px;

	vertical-align:middle;

}



.media-prev img {

	border: 1px solid #b3b3b3;

	display: block;

	margin:0 auto;

}



.media-img {

	height: 1px;

	margin: 0 0 0;

	position: relative;

}



* html .media-prev {

	background: url(media-prevbg.gif) no-repeat 0 0;

	width:420px;

	height:420px;

}



/*moved here from showmedia.php in 7.0.0*/

#slideshow {

	position: relative;

}



#slideshow div.slide, #slideshow div.loadingdiv {

	position: absolute;

	top: 0;

	left: 0;

}



#loadingdiv {

	position: absolute;

	background-color: white;

	padding: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 21pt;

	border: solid 1px black;

	z-index: 5;

	display: none;

}



#sscontrols {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	padding-bottom: 8px;

}



/* added in 7.0.0 */

.tngshadow {

	border-right: 1px solid #bbb;

	border-bottom: 1px solid #bbb;

}



.togglehead {

	text-decoration:none;

	color: #000000;

}



input.veryshortfield {

	width:100px;

}



input.shortfield {

	width:140px;

}



input.longfield {

	width:350px;

}



input.verylongfield {

	width:500px;

}





.smallest {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

}



.dragarea {

	width:50px;

	cursor:move;

	text-align:center;

	background-color:#ddd;

	border-left: 1px solid #ccc;

	border-top: 1px solid #ccc;

	border-right: 1px solid #aaa;

	border-bottom: 1px solid #aaa;

}



.smallicon {

	margin:0px 2px 0px 2px;

	border:0px;

}



.closelink {

	padding-right:25px;

	padding-bottom:5px;

}



.nw {

	white-space:nowrap;

}



.snlink {

	padding:4px 5px 3px 5px;

	border-bottom:1px solid #999;

	border-right:1px solid #999;

	border-top:1px solid #ddd;

	border-left:1px solid #ddd;

	background-color:#e0e0f7; /*same as "databack" background color */

	color:black;

	text-decoration:none;

}



a.snlink:hover, .snlinkact {

	background-color:#333366; /*same as "fieldnameback" background color */

	color:#fff;

}



.LB_overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #222;

	filter:alpha(opacity=70);

	-moz-opacity: 0.7;

	opacity: 0.7;

	z-index: 101;

}



.LB_window {

	position: absolute;

	background: #e0e0f7; /*same as "databack" background color */

	border: 2px solid #333366; /*same as "fieldnameback" background color */

	color:#000000;

	display:none;

	z-index:500;

	padding-top:28px;

}

/*

* html .LB_window {position:absolute;}

*/



#LB_closeWindow{

	padding:10px 25px 10px 0;

}



.LB_content{

	overflow:auto;

}



.LB_closeAjaxWindow{

	cursor: move;

	margin: 0px;

	padding:3px 0px 2px 0px;

	position:absolute;

	text-align:right;

	top: 0;

	background-color:#333366; /*same as "fieldnameback" background color */

}



.LB_closeAjaxWindow a {

	cursor: pointer;

	padding: 2px 4px 2px 2px;

}



/* The following classes were added when converting the Help screens to php file for the template look and feel */

/* subheadbold: subheading text in Help screens */

.subheadbold {

	margin-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18pt;

	font-weight: bold;

}



/* largeheader: heading text used on dark backgrounds (usually fieldnameback) in Help screens */

.largeheader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 36px;

	color: #FFFFFF;

}



/* optionhead: added to replace <strong> on option heading */

.optionhead {

	font-weight: bold;

}



/* helpbody: describes page background on Help screens  */

.helpbody {

	background-image: url(../background.gif);

}



.tblback {

	background-color: #FFFFFF;

}



.yellow {

	color: #FFCC33;

}



td.highlightedchild {

	border-top:1px solid gray;

	border-bottom:1px solid gray;

}



td.unhighlightedchild {

    padding-top:1px;

	padding-bottom:1px;

}