* {
	font-family: Veranda, Arial, sans-serif;
}

input[type=checkbox] {
	transform: scale(1.7);
}

input[readonly] {
	background-color:	#bdd6ef;
	background-color:	lightgray;
}

BODY {
	font-style:			normal;
	font-weight:		normal;
	font-size:			12pt;
	margin:				0;
	background-color:	white;
}

a {
	color:				blue;
	text-decoration:	none;
}

a:hover {
	color:				#C80000;
	text-decoration:	none;
	cursor:				pointer;
}

H1 {
	font-style:		normal;
	font-weight:	bold;
	font-size:		20pt;
	margin-top:		3;
	margin-bottom:  2;
	text-align:		center;
}

H2 {
	font-family:	Arial, sans-serif;
	font-style:		normal;
	font-weight:	bold;
	font-size:		16pt;
	margin:			0;
	text-align:		left;
}

H3 {
	font-style:		normal;
	font-weight:	bold;
	font-size:		14pt;
	margin:			0;
	text-align:		left;
}

P,LI,TD {
	font-style:		normal;
	font-weight:	normal;
	font-size:		12pt;
	margin-top:		0.5em;
	margin-bottom:	0.5em;
	text-align:		left;
}

DL { margin: 0; }
HR { margin: 0; }

TABLE {
	font-style:		normal;
	font-weight:	normal;
	font-size:		12pt;
	margin-top:		0;
	margin-bottom:	0;
}

CODE {
	font-family:	monospace;
	font-style:		normal;
	font-weight:	bold;
	font-size:		10pt;
}

BLOCKQUOTE {
	margin-top:		0.5em;
	margin-bottom:	0.5em;
}

PRE {
	margin-top:		0;
	margin-bottom:	0;
}

.normal {
	font-weight: normal;
}

.bold {
	font-weight:	bold;
	color:			brown;
}

.regID {
	font-weight:	bold;
	color:			darkgreen;
}

.registry {
	font-weight:	bold;
	color:			#707070;
}

.callName {
	font-weight:	bold;
	color:			brown;
}

.CB {
	font-weight:	bold;
	font-style:		italic;
}

.error {
	max-width:		400px;
	font-weight:	bold;
	margin-top:		10px;
	margin-left:	10px;
	margin-right:	10px;
}

.roundedRect {
	display:			inline-block;
	border-radius:		10px;
	border:				2px solid #505050;
	color:				black;
	padding:			5px;
	margin-top:			5px;
	margin-bottom:		5px;
}
.roundedRect.hidden {
	display:			none;
}

.header {
	font-weight:		bold;
	font-size:			16pt;
	text-align:			center;
}

.footer {
	position:		absolute;
	bottom:			5px;
	width:			100%;
	font-style:		italic;
	font-size:		8pt;
	text-align:		center;
}

.footer.inline {
	position:		static;
}

.printFooter {
	width:			100%;
	font-style:		italic;
	font-size:		10pt;
	text-align:		center;
}

@media screen {
	div.printFooter {
		display: none;
	}
}

@media print {
	div.printFooter {
		position:	fixed;
		bottom:		0px;
	}
}

.form {
	color:			black;
	font-weight:	bold;
	font-size:		14pt;
	margin-top:		5px;
	text-align:		left;
	vertical-align:	middle;
}

.form.field {
	font-family:	Arial, sans-serif;
	font-weight:	normal;
	font-size:		14pt;
	border-style:	solid;
	border-width:	1px;
	border-color:	#8f8f8f;
	padding-left:	5px;
	padding-right:	5px;
}

.form.field.choice {
	padding-top:	1px;
}

.form.field.selectList {
	background-color:	white;
	overflow-y:			scroll;
	overflow-x:			auto;
	padding:			0px;
}

.form.field.selectOption {
	border:				none;
	font-family:		monospace;
	font-size:			12pt;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		2px;
	margin:				0px;
	white-space:		nowrap;
	cursor:				pointer;
	-moz-user-select:	none;
    -webkit-user-select:none;
}

.form.field.selectOption:hover {
	background-color:	black;
	color:				white;
}


.form.textarea {
	font-family:	monospace;
	font-weight:	normal;
	font-size:		12pt;
	border-style:	solid;
	border-width:	1px;
	border-color:	#8f8f8f;
	padding-left:	5px;
	padding-right:	5px;
	resize:			none;
}

.form.label {
	padding-top:	5px;
}

.form.button {
	text-align:		center;
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	10px;
	padding-right:	10px;
}

.boxTitle {
	color:			black;
	font-weight:	bold;
	font-size:		16pt;
	text-align:		center;
	margin:			0
}

.instructions {
	margin-top:		5px;
	margin-bottom:	5px;
	margin-left:	5px;
	margin-right:	5px;
	font-style:		italic;
	font-size:		12pt;
	text-align:		justify;
}

.overlay {
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	z-index:	1000;
	background-color: rgba(0,0,0,0.7);
}

.overlay2 {
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	z-index:	1002;
	background-color: rgba(0,0,0,0.7);
}

.spinnerBG {
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	z-index:	1009;
	background-color: rgba(255,255,255,0.7);
}

.spinner {
	position:	fixed;
	z-index:	1010;
}

.pageCenter {
	position:		absolute;
	left:			50%;
	padding-left:	5px;
	padding-right:	5px;
}

.pageBreak {
	page-break-after:	always;
	margin-top:			20px;
}

.menuItem {
	text-align:		left;
	font-style:		normal;
	font-weight:	bold;
	font-size:		14pt;
	margin-left:	5px;
	margin-right:	5px;
	margin-top:		10px;
	margin-bottom:	0px;
	padding-left:	5px;
	padding-right:	5px;
	padding-top:	2px;
	padding-bottom:	2px;
}

.table {
	width:				100%;
	background-color:	#bfbfbf;
}

.tableRow {
	margin:				1px;
}

.tableTitle {
	font-family:	Arial, sans-serif;
	font-style:		normal;
	font-weight:	bold;
	font-size:		16pt;
	margin-top:		5px;
	margin-bottom:  5px;
	text-align:		center;
}

.tableHeader {
	background-color:	#efefef;
	font-size:			12pt;
	font-style:			normal;
	font-weight:		bold;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		4px;
	padding-right:		4px;
	white-space:		nowrap;
}

.tableCell {
	background-color:	white;
	font-size:			12pt;
	font-style:			normal;
	font-weight:		normal;
	padding-top:		2px;
	padding-bottom:		2px;
	padding-left:		4px;
	padding-right:		4px;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.tableAction {
	font-size:			10pt;
	font-style:			normal;
	font-weight:		normal;
}

.message {
	font-style:		normal;
	font-weight:	bold;
	font-size:		20pt;
	margin-top:		10px;
	margin-bottom:  10px;
	text-align:		center;
	color:			brown;
}

.outputError {
	font-family:	monospace;
	max-width:		100%;
	font-weight:	normal;
	margin-left:	5px;
	margin-right:	5px;
}

.outputResult {
	font-family:	monospace;
	max-width:		100%;
	font-weight:	normal;
	margin-left:	5px;
	margin-right:	5px;
}

.back {
	font-size:		11pt;
	font-weight:	bold;
	margin-top:		5px;
	margin-bottom:	3px;
}

.editButtons {
	width:			100%;
	margin-top:		10px;
	text-align:		center;
}

.profileHeader {
	font-style:		normal;
	font-weight:	bold;
	font-size:		14pt;
	margin:			0;
	text-align:		left;
}

.profileSubTitle {
	font-size:		12pt;
}

.profileTable {
	display:		table;
	border-spacing:	0;
	border-width:	0;
	padding:		0;
	margin:			0;
	margin-top:		2px;
}

.pedigreeHeader {
	font-style:		normal;
	font-size:		14pt;
	margin:			0;
	text-align:		left;
}

.pedigreeTable {
	display:			table;
	background-color:	lightyellow;
	border-spacing:		0;
	border-width:		1;
}

.pedigreeBox {
	display:			table;
	min-height:			50px;
}

.pedigreeCell {
	display:			table-cell;
	text-align:			left;
	vertical-align:		middle;
	font-size:			11pt;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		2px;
	line-height:		1.25;
}

.photoViewer {
	margin:				0px;
	padding:			0px;
	display:			table;
	vertical-align:		top;
	text-align:			center;
}

.photoThumbnails {
	position:			relative;
	background-color:	lightgray;
	border:				solid 1px lightgray;
}

.photoLabel {
	display:			table-cell;
	vertical-align:		middle;
	text-align:			center;
}

.photoCaption {
	display:		inline-block;
	text-align:		left;
}

.icon {
	padding-right:		3px;
}

.siblingTitle {
	font-style:			normal;
	font-weight:		bold;
	font-size:			13pt;
	text-align:			left;
	margin:				0;
	margin-bottom:		10px;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		7px;
	padding-bottom:		5px;
	height:				20px;
	color:				black;
	background-color:	#F5DEB3;
	border:				2px solid #5C4033;
	border-radius:		8px;
}

.siblingHeader {
	font-style:			normal;
	font-weight:		normal;
	font-size:			11pt;
	line-height:		20px;
	margin:				0;
	text-align:			left;
}

.siblingColHeader {
	font-style:			normal;
	font-weight:		bold;
	font-size:			11pt;
	margin:				0;
	text-align:			left;
	background-color:	#bdd6ef;
}

.siblingCell {
	display:			table-cell;
	font-size:			11pt;
	text-align:			left;
	vertical-align:		top;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		2px;
	background-color:	lightyellow;
}

.offspringHeader {
	font-style:			normal;
	font-weight:		normal;
	font-size:			11pt;
	line-height:		20px;
	margin:				0;
	text-align:			left;
}

.offspringColHeader {
	font-style:			normal;
	font-weight:		bold;
	font-size:			11pt;
	margin:				0;
	text-align:			left;
	background-color:	#bdd6ef;
}

.offspringCell {
	display:			table-cell;
	font-size:			11pt;
	text-align:			left;
	vertical-align:		top;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		2px;
	background-color:	lightyellow;
}

.certSummary {
	font-size:			10pt;
	font-weight:		bold;
}

.certTable {
	margin-left:		10px;
	margin-top:			2px;
}

.certTable td {
	font-size:			11pt;
	padding-left:		10px;
	vertical-align:		top;
}

.certCell {
	font-size:			10pt;
	vertical-align:		top;
}

.titleCell {
	font-size:			11pt;
	vertical-align:		top;
}

.placeCell {
	font-size:			11pt;
	vertical-align:		top;
}

.notes {
	font-size:			12pt;
	font-weight:		normal;
	width:				100%;
	margin-top:			10px;
	text-align:			justify;
	text-justify:		auto;
}

.notes p {
	font-size:			12pt;
	text-align:			justify;
	text-justify:		auto;
	margin-bottom:		0px;
}

.notes span {
	font-size:			12pt;
	text-align:			justify;
	text-justify:		auto;
}

.notes hr {
	border:	0;
	border-top: 1px solid #808080;
	margin: 10px 0px 0px 0px;
}

.notes ul {
	padding:		0px;
	margin:			5px 0px 0px 0px;
}

.notes ol {
	padding:		0px;
	margin:			5px 0px 0px 0px;
}

.notes li {
	font-size:		12pt;
	padding:		0px;
	margin:			2px 0px 0px 30px;
}

.awards {
	font-size:			12pt;
	font-weight:		bold;
	color:				#800000;
	width:				100%;
	margin-top:			0px;
	padding:			0px;
}

.footnote {
	font-size:			10pt;
	font-weight:		normal;
	width:				100%;
	margin-top:			20px;
}

.personColHeader {
	font-style:			normal;
	font-weight:		bold;
	font-size:			11pt;
	margin:				0;
	text-align:			left;
	background-color:	#bdd6ef;
}

.personCell {
	display:			table-cell;
	font-size:			11pt;
	text-align:			left;
	vertical-align:		top;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		2px;
	background-color:	lightyellow;
}

.personName {
	font-size:			11pt;
	font-weight:		bold;
	line-height:		130%;
}

/* IE10+ styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.certSummary { font-weight:	normal; }
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
} 

.ui-autocomplete-loading {
	background: white url("/images/ui-anim_basic_16x16.gif") right center no-repeat;
}

/* OpenLayers */

.ol-popup {
	position: absolute;
	background-color: yellow;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	bottom: 8px;
	left: -30px;
	min-width: 50px;
	font-size: 10pt;
}
.ol-popup.pointer {
	cursor: '';
}
.ol-popup:after, .ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ol-popup:after {
	border-top-color: yellow;
	border-width: 10px;
	left: 30px;
	margin-left: -10px;
}
.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 30px;
	margin-left: -11px;
}
.ol-tooltip {
	position: relative;
	background: rgba(255, 255, 0, 0.5);
	border-radius: 4px;
	color: black;
	padding: 2px 4px;
	opacity: 0.7;
	white-space: nowrap;
	font-size: 10pt;
}
.ol-tooltip-dist {
	opacity: 1;
	font-weight: bold;
}
.ol-tooltip-static {
	background-color: #ffcc33;
	border: 1px solid white;
	background-color: yellow;
	border: 1px solid black;
	color: black;
	border-radius: 4px;
	padding: 2px 4px;
	opacity: 1.0;
	white-space: nowrap;
	font-size: 10pt;
	font-weight: bold;
}
.ol-tooltip-dist:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.ol-tooltip-static:before {
	border-top-color: #ffcc33;
}
.ol-zoom {
	top: 5px;
	left: 5px;
}
.ol-rotate {
	top: 5px;
	left: 5px;
	right: unset;
}
.ol-menu-control {
	top: 5px;
	right: 5px;
	margin:0;
	padding:0;
	color:#fff;
	background-color:rgba(0,60,136,.5);
	border: 0px solid black;
	border-radius:2px;
}
.ol-menu-control:focus, .ol-menu-control:hover{
	background-color:rgba(0,60,136,.7);
}