html,body, #wrapper 
{
	margin: 0;
      	padding: 0;
      	height: 100%;
      	border: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt
	
}

td, li, ol
{ font-family: Arial, Helvetica, sans-serif; font-size:9pt }

input, select, textarea
{ font-family: Arial,Helvetica; font-size:9pt; border-style:solid; border-width:1px; border-color: #999999; background-color: #FFFFFF }

h1
{ font-family: Arial,Helvetica; font-size: 18pt; font-weight: bold; color: #0055DD }

a
{ color: black; text-decoration:underline }

a:hover
{ text-decoration:none }

textarea
{ font: 9pt Courier New, Courier }

#category_list
{ font-weight:bold; }

#category_num
{ font-size:7pt; color: #000000; font-style: italic; }

#subcategory_list
{ font-size:8pt; color: #0099FF; }

.sitename
{ font: 14pt Arial, Helvetica; color: #00929C; font-weight: bold; text-decoration: none }

.small
{ font-size:8pt }

.admin_head
{ background-color:#336699; color: #FFFFFF; font-weight: bold; text-align: center }

.box_head
{ font: 12pt Arial, Helvetica; font-weight: bold; color: #00929C; background-color: #DDFFDD }

.box2_head
{ font-size:8pt; font-family: Verdana, Arial; font-weight: bold; background-image: url('images/box-1.gif'); background-repeat: no-repeat; text-indent:30px; width: 150px; height: 25px; }

.box_bg
{ background-image: url('images/circle.gif'); background-repeat: no-repeat; background-position: right bottom }

.box2_bg
{ background-image: url('images/tool.gif'); background-repeat: no-repeat; background-position: right bottom }

.box3_bg, .box3_bg a
{ font-size:8pt; font-family: Verdana, Arial; text-indent:10px; background-image: url('images/box-2.gif'); background-repeat: repeat-y; width: 150px; height: 15px; 
  text-decoration: none }
  
.box3_bg a:hover
{ text-decoration: underline }

.common_head
{ font: 10pt Arial, Helvetica; font-weight: bold; color: navy; background-color: #E6FFFE }

.sponsor_head
{ font: 10pt Arial, Helvetica; font-weight: bold; color: white; background-color: #0066CC }

.sponsor_bg
{ font: 10pt Arial, Helvetica; color: black; background-image: url('images/bg_sp.gif');
  background-repeat: repeat-x; background-position: bottom }

.review_bg
{ background-image: url('images/review.gif'); background-repeat: no-repeat; background-position: left top }

.detail_bg
{ background-image: url('images/cat-4.gif'); }

.toolbox a, .toolbox input
{ width: 100%; height: 25px; float: left; text-align: left; text-decoration: none; color: #000099;
  font: 7pt Verdana; border-top: solid 5px #C1E0F; text-transform: uppercase; letter-spacing: 1px; }

.toolbox a:hover, .toolbox input:hover
{ background-color: #E6FFFE;}

.smallbox
{ height: 10px; width: 90%; float: left; text-align: center; text-decoration: none; color: black; margin: 2px;
  font: 7pt Arial, Helvetica; border: solid 1px silver; text-transform: uppercase; letter-spacing: 1px;
  background-color: white }

.smallbox:hover
{ background-color: #DDFFDD; }

.detail_title
{ font: 12pt Arial, Helvetica; font-weight: bold; color: white; background-color: #008B9F;
  text-align: center; height: 29px }

.detail_head
{ text-align: right; font-weight: bold; color: #00929C; background-color: #E6FFFE; }

.left_head
{ text-align: right; font-weight: bold; color: #00929C; background-color: #E6FFFE; border-right: solid 1px  #C7CAC3}

.input150
{ height: 25px; width: 140px; background-image: url('images/input150.gif'); background-repeat: no-repeat; border: none;
  font: 12px Times, Arial, Helvetica; padding-left: 5px; padding-top: 3px; padding-right: 10px; background-color: white }

.input250
{ height: 25px; width: 240px; background-image: url('images/input250.gif'); background-repeat: no-repeat; border: none;
  font: 12px Times, Arial, Helvetica; padding-left: 5px; padding-top: 3px; padding-right: 10px; background-color: white }

.area400
{ height: 146px; width: 395px; background-image: url('images/area400.gif'); background-repeat: no-repeat; border: none;
  font: 12px Times, Arial, Helvetica; padding-left: 5px; padding-top: 3px; padding-right: 10px; background-color: white }

.splash
{ background-image: url('images/splash.gif'); background-repeat: no-repeat; background-position: right top }

.help
{ font-size:7pt; font-style: italic; font-weight:normal; }

.highlight_search
{ color: black; background-color: yellow; font-weight: bold }

.foot
{ font-size: 8pt; text-align: center}

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

/* cntrnormal: most regular center panel body text */
.cntrnormal {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
}

a.cntrnormal:hover { font-size: 16px; color: #000055; 

}

/* cntrhdng: large text in center panel headings */
.cntrhdng {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	color: 00929C;
	font-weight: bold;
}

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

/* smfieldname2: small text used in conjunction with .fieldname style text */
.smfieldname2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: 0000aa;
}

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

/* header: heading text */
.header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 21px;
	color: #006666;
}

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

/* subhead: subheading text */
.subhead {
	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;
	text-decoration: none;
}

/* link: normal links, active: links in use */
A:LINK, A:ACTIVE {
	color: #009999;
	text-decoration: none;
}

/* visited: previously visited links */
A:VISITED {

	color : #006A6A;
	text-decoration: none;
}

/* fieldnameback: background color for column and row title sections */
.fieldnameback {
	background-color: #9BFFFD;
	/*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: #F5FFF5;
	/*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;
}


.bullet {list-style-image: url(https://www.one-barton-family.us/genealogy/templates/template99/img/bullet.gif);
  margin-left: 5px;
  margin-top: 1px;
  margin-bottom: 0px;
  padding-left: 1em;
}

.malink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/mass.gif);}

.melink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/maine.gif);}

.ctlink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/connecticut.gif);}

.nhlink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/newhampshire.gif);}

.nclink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/northcarolina.gif);}

.uslink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/us.gif);}

.uklink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/gbflag.gif);}

.irlink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/irflag.gif);}

.calink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/caflag.gif);}

.oglink {list-style-image: url(https://www.one-barton-family.us/genealogy/images/other.gif);}


/* Added in 4.0.0 */
/* For links on dark background */
a.lightlink:link, a.lightlink:visited {
	font-family: Arial, Helvetica, sans-serif; 
	color: #006666;
	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: #006666;
	text-decoration: none;
}

a.lightlink2:hover, a.lightlink2:active {
	color: #006666;
	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: #A8FFE2;
}

/* mouseoverback: background color for admin menu items while active*/
.mouseoverback {
	background-color: #F5FFF5;
	/*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: #006666;
	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;
}

/*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: 6em;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	text-decoration:none;
}

#mnav li { /* all list items */
	float: left;
	width: 6em; /* 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 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: 10em;
	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: 10em;
	background: #eeeeee; /*inactive dropdown menu color*/
	margin-right: 0px;
	margin-top: 1px;
	border-bottom: 1px solid #777;
}

#mnav li ul li a {
	width: 12em;
	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;
}

.rolllink    { font-size: 10pt; color: #0000FF; text-decoration: none 

}

a.rolllink:hover { font-size: 10pt; color: #FFFFFF; 

}

.calendar {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	text-align: right;
	width: 100%;
}

.calendar-month {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight: bold;
	background-color: #DDFFFF;
}

.calendar-header {
	background-color: #0099CC;
	color: #FFFFCC
	height: 10px;
}

.calendar-noday {
	background-color: #FFFFFF; 
	height: 10px;
}

.calendar-weekend {
	background-color: #28FFFA;
	width: 19px; 
	height: 10px;
}

.calendar-weekday {
	background-color: #DEFFFE;
	width: 19px; 
	height: 10px;
}

.calendar-today {
	background-color: #009999;
	width: 19px; 
	height: 10px;
}

th {
	text-align: center; 
	border: 0;
	color: #FFFFCC
}

table.entries {
	color : #006666;
	background : #98FFFD;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #23559C 1px solid;
	BORDER-LEFT: #23559C 1px solid;
	BORDER-TOP: #23559C 1px solid;
	BORDER-BOTTOM: #23559C 1px solid;
}

A.smaller {
	font-size: 10px;
	color : #0084BE;
	text-decoration : none;
}

A.smaller:HOVER {
	font-size: 10px;
	color : Red;
	text-decoration : none;
}

#wrapper {
	margin: 0 auto;
}

.topleftradius2{-moz-border-top-left-radius: 2px;-webkit-border-top-left-radius: 2px;border-top-left-radius: 2px;}

.bottomleftradius2{-moz-border-bottom-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;border-bottom-left-radius: 2px;}

.toprightradius2{-moz-border-top-right-radius: 2px;-webkit-border-top-right-radius: 2px;border-top-right-radius: 2px;}

.bottomrightradius2{-moz-border-bottom-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;border-bottom-right-radius: 2px;}

.topleftradius4{-moz-border-top-left-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;}

.bottomleftradius4{-moz-border-bottom-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}

.toprightradius4{-moz-border-top-right-radius: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;}

.bottomrightradius4{-moz-border-bottom-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}

.topleftradius6{-moz-border-top-left-radius: 6px;-webkit-border-top-left-radius: 6px;border-top-left-radius: 6px;}

.bottomleftradius6{-moz-border-bottom-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;border-bottom-left-radius: 6px;}

.toprightradius6{-moz-border-top-right-radius: 6px;-webkit-border-top-right-radius: 6px;border-top-right-radius: 6px;}

.bottomrightradius6{-moz-border-bottom-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;border-bottom-right-radius: 6px;}

.rounded10{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.rounded8{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}

.rounded7{-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
 
.rounded6{-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}

.rounded5{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.rounded4{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.obfshadow{-moz-box-shadow: 1px 3px 5px 0 #042C4D;-webkit-box-shadow: 1px 3px 5px 0 #042C4D;box-shadow: 1px 3px 5px 0 #042C4D;}