body{
		font-family: 'Open Sans', sans-serif;
		margin: 0;
		padding: 0;
	}
	
	a, #owner_table td{
		color: #4770bf; 
		text-decoration: none;
		font-family: 'Open Sans', sans-serif;
		cursor: pointer;
	}	
	
	#header, #footer, .ui-datepicker-header{
		background: rgba(96, 125, 188, 0.95);
		color: #fff;
		background-image: url(/img/backsplash.jpg);
		background-size: cover;
	}

	#header {
		position: fixed !important;
		top: 0 !important;
		left: 200px;
		right: 0px !important;
		background: #133a52;
	}
	@media (min-resolution: 145dpi) and (max-width: 1600px), (min-resolution: 290dpi) and (max-width: 3200px) {
		#header {
			left: 0;
		}
	}
	
	#header h1, #header h3{ 
		float: left; 
	}
	
	#header h3{ 
		position: absolute;
		right: 120px;
		text-transform: uppercase;
		margin-top: 15px;
	}
	
	.welcome #main a{
		font-size: 12px;
	}
	
	.ui-datepicker{
		background: #fff;
		width: 210px;
		border: 1px solid #4770bf;
		padding: 3px !important;
		border-radius: 0px !important;
	}

	.ui-corner-all {
		border-radius: 0px !important;
	}
	
	#sidebar{
		background: #133a52; 
		padding: 15px 0px 0px 0px;
		color: #fff;
		box-shadow: 0px 0px 5px #000 inset;
		overflow-y: auto !important;
	}
	
	#menu div a{
		color: #ddd;
	} 
	
	#menu h5, #menu h5 a{
		color: #fff;
	}
	
	#menu div a, #menu h5, #menu h5 a{
		text-decoration: none;
		font-size: 10pt;
		line-height: 10pt;
		cursor: pointer;
	}	
	
	#menu div a, #menu h5{	
		margin: 0px !important;
		padding: 8px 3px 8px 25px;
		display: block;
	}

	#menu div a:not(:first-child), #menu h5:not(:first-child){
		border-top: 1px #3d588a solid;
	}

	#menu div a, #menu div h3{
		padding-left: 15px;
		color: #133a52;
	}

	#menu div h3{
		font-weight: bold;
	}

	#menu div a.more_results{
		font-style: italic;
	}

	#menu div{
		border: 1px #999 solid;
		background-color: #fff;
	}
	#menu.accordion > div, #menu.accordion > h5 {
		margin-left: 20px;
	}
	
	#home{ 
		text-align: center; 
		/*background: #708cbfc8;*/
	}
	/*#home::before{
		content: '';
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		height:300px;
		background: url(/img/Belgian_Draft_Horse_painting.jpg);

	}*/
	body.auth {
		background: url(/img/backsplash.jpg);
		background: url(/img/backsplash.jpg) rgba(252, 207, 147, 0.2);
		background: url(/img/Belgian_Draft_Horse_painting.jpg) no-repeat center center fixed #ffffffaa;
		background-size: cover;
		background-position-x: 200px;
		background-blend-mode: overlay;
	}
	@media (min-resolution: 145dpi) and (max-width: 1600px), (min-resolution: 290dpi) and (max-width: 3200px) {
		body.auth.mobile {
			background-position-x: 0;
		}
	}
	
	.hide{
		display: none !important;
	}
	
	.center{
		text-align: center;
	}

	.ui-corner-bottom {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	
	#journal_entry_footer_form #sresult,
	#sresult{
		background: #133a52;
		border: 1px #009 solid;
		color: #FFFFFF;
		padding: 5px;
		z-index: 1000;
		display: none;
		max-height: 300px;
		min-width: 200px;
		overflow-y: scroll;
		overflow-x: none;
		font-size: 10pt;
	}
	#sresult {
		height: 300px;
	}
	#journal_entry_footer.searching #sresult {
		border: none;
		width: 333px;
		max-height: 200px;
	}
	#journal_entry_footer.searching {
		height: 450px;
	}
	
	#sresult a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#jaccount th:nth-child(2), #jaccount td:nth-child(2){
		width: 205px !important;
	}
	
	#jaccount{
		width: 415px !important;
		min-width: 415px !important;
		padding: 0;
	}

	.journal #form {
		display: inline-block;
		vertical-align: top;
		width: auto;
	}

	#jdetail {
		display: inline-block;
		vertical-align: top;
	}

	.search_all{
		display: none;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.search_all h3, .search_all a{
		padding: 0 0 0 30px !important;
		border: none !important;
		font-size: 10pt;
	}
	
	#search_all, #mobile_search_all{
		background: #133a52;
		/*border-radius: 10px;
		-moz-border-radius:  10px;*/
		color: #fff;
		border: 1px #fff solid;
		padding: 5px;
		width: 90%;
	}

	#mobile_search_all::placeholder, #mobile_search_all::-moz-placeholder,
	#search_all::placeholder, #search_all::-moz-placeholder {
		color: white;
	}

	.half {
		width: 50%;
	}
	
	.alert{
		width: 100%;
		padding: 5px;
		text-align: center;
		color: #fff;
	}
	
	.alert a{
		color: #fff !important;
		text-decoration: underline;
	}
	
	.error{
		background: #a90329 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ) !important; /* IE6-9 */
		border: #8f0222 1px solid !important;

	}
	.success{
		background: #6bba70 !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #6bba70 0%, #5bb760 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bba70), color-stop(100%,#5bb760)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #6bba70 0%,#5bb760 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #6bba70 0%,#5bb760 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #6bba70 0%,#5bb760 100%) !important; /* IE10+ */
		background: linear-gradient(to bottom,  #6bba70 0%,#5bb760 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#5bb760',GradientType=0 ) !important; /* IE6-9 */
		border: #5bb760 1px solid !important;

	}
	
	#signup, #pending_signup_form{
		 padding-bottom: 200px;
	}
	
	#terms{
		width: 80%;
		max-width: 400px;
		text-align: justify;
		margin: auto;
	}

	/******************list/labels***********************/
	
	
	.tprint th{text-align: center !important;}
	.tprint thead, .tprint tbody{padding: 0 !important; margin: 0 !important;}
	.tprint .bbtm{width: 50% !important}
	.tnum{ width:.5in !important; text-align:right;}
	.tnum, .tname{vertical-align: top; }
	.tname{width:1.5in !important; padding-left: 10px;}
	.ename{width:3in !important;}
	.enum{text-align:right}
	.ebdr, .btop{border-top:#000000 solid 1px}
	.ettl{border-top:#000000 dashed 1px}
	.bbtm{border-bottom:#000000 solid 1px}
	.stotal{
		border-top:#000000 solid 1px;
		border-bottom:#000000 solid 1px; 
		font-weight: bold;
	}
	
	.tnuml,.tnumr{width:1.4in; height:1in; vertical-align:top;}
	.tnamel,.tnamer{ width:2.4in; height:1in;vertical-align:top;}
	#llablels{margin: 0 0 0 .75in; padding:0;}
	#llablels table{padding:0; margin:0;}
	
	/*********************horse*********************/
	
	.regH, .regP, .votdu, .sborder, .alert{
		overflow:auto; 
		border:1px #708bbf solid; 
		padding:0 2px 2px 2px;
		/*border-radius: 4px;
		-moz-border-radius:  4px;*/
	}
	
	.regH{width:100%; height:205px;}
	.regP{width:100%; height:245px;}
	.regH table, .regP table{width:100% !important; margin:0;}
	.regH table th, .regP table th{font-weight: normal !important}
	
	
	.votdu{width:100%; height:90px;}
	#plist{width:100% !important;}
	#plist td:nth-child(2){width: 30%;}
	.sborder{width:206px; height:189px;}
	
	.divide{clear: both; width: 100%; display: block; border: 1px solid #708bbf; height: 0px;}
	.line{width: 100%; border: 1px solid #708bbf;}
	
	th{text-align: left;}
	
	.aietbt th{
		text-align: center;
	}
	
	#main table td{
		padding: 3px;
		font-size: 10pt;
	}
	
	#main input.search, #footer span.search, #ancestry input.search {background:#feffdd; }
	
	#main input.complete, #footer span.complete, #ancestry input.complete{background:#ecffec;}
	
	.clear{clear: both;}

	#dprint{ display: none; }
	
	h4{padding:0; margin: 0 0 10px 0;}
	
/*************** certificate **********************/
	
	#certificate{line-height: 22pt;}
	
	#certificate label{ margin-left: 5px;}
	
	#certificate input[type="submit"]{ margin-top: 8px;}
	
/****************** journal ************************/

	#jowner{
		width: 100% !important;
	}	

	#jowner th:nth-child(3), #jowner td:nth-child(3),
	#jowner th:nth-child(4), #jowner td:nth-child(4),
	#jowner th:nth-child(5), #jowner td:nth-child(5){
		text-align: right;
		padding-right: 10px !important;
	}
	
	#jowner th:nth-child(2), #jowner td:nth-child(2),
	#jowner th:nth-child(3), #jowner td:nth-child(3),
	#jowner th:nth-child(4), #jowner td:nth-child(4),
	#jowner th:nth-child(5), #jowner td:nth-child(5){
		width: 100px;
	}
	
	#oescrow{
		width: 800px !important;
	}
	
	.jtable th:nth-child(2), .jtable td:nth-child(2){
		width: 200px !important;
		text-align: left;
		padding-left: 10px !important;
	}
	
	.jtable th:first-child, .jtable td:first-child,
	.jtable th:nth-child(3), .jtable td:nth-child(3),
	.jtable th:nth-child(4), .jtable td:nth-child(4),
	.jtable th:nth-child(5), .jtable td:nth-child(5),
	.jtable th:nth-child(6), .jtable td:nth-child(6){ 
		text-align: right;
		width: 60px !important;
	}
	
/*********** reports ********************/

	#report_totals td:nth-child(3), 
	#report_totals td:nth-child(4), 
	#report_totals td:nth-child(5), 
	#report_totals td:nth-child(6){
		width: 70px;
		text-align: right;
	}
	
	.rhead{
		border-bottom:#000000 solid 1px;
		font-weight: bold;
	}
	
/********** password **********/
	
	#password table{
		width: 350px !important;
		margin: auto;
	}
	
	#password table td{
		text-align: left;
	}
	
	#password table th{
		text-align: center;
	}
	
	#password div{
		margin-top: -10px !important;
	}


	#inbred_after_tree {margin-top: 8.5in;}

	h2.news {
		color: #133a52;
		letter-spacing: 0.2em;
		font-weight: bold;
		text-transform: uppercase;
	}

	.news-items, .edit-news-items {
		margin: 4px auto 4px auto;
		max-width: 500px;
		width: 100%;
		opacity: 80%;
	}

	.edit-news-items {
		max-width: 520px;
		width: 100%;
		padding: 0px 10px 56px 10px;
	}

	#home h2 {
		margin: 4px auto 4px auto;
	}

	#home .news-items .news-item {
		margin: 0px;
	}

	#home .edit-news-items .news-item {
		margin: 0px auto;
		max-width: 500px;
		width: 100%;
	}

	#home .news-item input[type="text"], #home .news-item textarea, #home .news-item footer {
		width: 100% !important;
		/*max-width: 1000px !important;*/
		margin: 4px auto !important;
	}

	.slick-prev::before, .slick-next::before {
		color: #133a52;
		font-size: 40px;
	}

	.slick-prev::before {
		margin-left: -30px;
	}

	button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
		color: transparent;
		border-color: transparent;
		display: hidden !important;
	}

	/** clearfix news item footer */
	#home .news-item footer:before, #home .news-item footer:after {
		content: " ";
		display: table;
	}
	#home .news-item footer:after {
		clear: both;
	}
	#home .news-item footer {
		*zoom: 1; /* For IE 6/7 only */
	}

	.news-items article.news-item {
		max-width: 500px;
		width: 100%;
		margin: 0px auto 0px auto;
		color: white;
		text-align: left;
		padding: 10px;
	}

	.news-items article.news-item {
		max-width: 500px;
		width: 100%;
		margin: 0px auto 0px auto;
		background: #133a52;
		color: white;
		text-align: left;
		padding: 10px;
	}

	article.news-item h4 {
		letter-spacing: 0.2em;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 0em;
	}

	.news-items article.news-item span {
		color: #c2a981;
		line-height: 2em;
	}

	.news-items div.slick-list {
		background: #133a52;
	}

div.top {
	display: inline-block;
	min-width: 48%;
	padding: 4pt;
	vertical-align: top;
}

#form .accordion div,
div.top div, div.top
{
	font-size: 10pt;
}

#form .accordion .brief .inline {
	display: inline-block;
}

#form .accordion .brief input,
.top.thl .brief input
{
	min-width: 200px;
}

#form .accordion .brief, #form .accordion .brief .inline:not(.noflex) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
}

#form .accordion .brief .inline:not(.noflex) {
	flex: 1 auto;
	min-width: 50%;
}

#form .accordion .brief .inline.city {
	flex: 1 auto;
	min-width: 320px;
}

#form .accordion .brief .field,
#form .accordion .brief input,
#form .accordion .brief div.with-search,
#form .accordion .brief div.with-complete {
	flex: 1 auto;
}

#form .accordion .brief div.with-search input,
#form .accordion .brief div.with-complete input {
	flex: none;
	width: 100%;
}
#form .accordion .brief div.with-search .autocompleter,
#form .accordion .brief div.with-complete .autocompleter {
	width: 100%;
	margin-left: 0.5em;
}

#form .accordion .brief label
#form .accordion .brief .inline span
{
	margin: 4px 0;
}
#form .accordion .brief .inline .field,
#form .accordion .brief .inline .date,
#form .accordion .brief .inline input {
	margin-left: 0.5em;
}

#form .accordion h6,
.top.thl h6 {
	font-size: 1em;
	font-weight: bold;
}

#form .accordion .brief label,
#main .top.thl .brief label {
	text-align: right;
	width: 5em;
}

#form .accordion .brief label {
	width: 8em;
}

#form .accordion .brief span,
#main .top.thl .brief span {
	min-width: 4.5em;
}

#main .top label:not(.field) {
	margin-bottom: .5em;
	margin-bottom: .5rem;
}

.top.thl table {
	width: 100px;
	display: inline-table;
}

.top.thl div.aietbt {
	margin-right: 2em;
	float: left;
}

.top.thl div.aietbt strong {
	width: 25px;
	text-align: center;
	display: inline-block;
}

.top.thl div.aietbt label {
	width: 25px;
	text-align: center;
	display: inline-block;
}

.top.thl div.jeb {
	float: left;
}

.jeb-info {
	color:#0C0;
	margin-left: 1em;
}

.top.thl div.jeb label {
	display: inline;
}

.top.thl div.inline {
	display: inline-block;
}

#form .accordion label, #form .accordion span.field,
.top.thl label, .top.thl span.field {
	display: inline-block;
}

.top div.clear {
	clear: both;
}

.top.thl {
	width: 100%;
}

#main .top.thl label {
	margin-bottom: 0.1em;
}

#form .accordion .brief .inline,
#form .accordion textarea,
.top.thl .brief .inline {
	margin-bottom: 0.4em;
	margin-bottom: 0.4rem;
}

#main .accordion > div.column, #ancestry .accordion > div.column {
	width: 100%;
}

@media ( min-width:1200px ) {
	.top.thl {
		width: 50%;
	}
	#main .accordion > div.column, #ancestry .accordion > div.column {
		width: 50%;
	}
}

.top.thr {
	width: 500px;
	max-width: 100%;
}

.thr > label {
	display: block;
	width: 100%;
	border-bottom: 1px dotted grey;
	clear: both;
}

.thr > label input {
	margin-bottom: -1px;
}

#main .top.thr input[type="date"],
#main .top.thr input[type="text"],
#main .top.thr input[type="number"],
#main .top.thr .date,
#main .top.thr .field
{
	float: right;
	display: block;
}

#main .top.thr input[type="date"],
#main .top.thr input[type="text"],
#main .top.thr input[type="number"]
{
	width: 11em;
}

#form .accordion .brief input[type="date"]
{
	width: 11em;
	min-width: unset;
	flex: none;
}

hr.divide {
	margin: 0.25em auto;
	width: 98%;
}

.hide-me, div.hide-me {
	display: none;
}

@media (min-width: 1066px) {
	@media (max-resolution: 144dpi), (min-width: 1601px) {
		@media (max-resolution: 289dpi), (min-width: 3201px) {
			div.always-inline-block-for-desktop, div.top {
				display: inline-block !important;
			}

			.always-block-for-desktop {
				display: block !important;
			}
		}
	}
}

h5.mobile {
	display: none;
}

div.top.thl,
.always-inline-block {
	display: inline-block !important;
}

.always-block {
	display: block !important;
}

#form .accordion > div.column > div h6,
#form .accordion > div.column > div h6,
#form .accordion > div > h6,
#form .accordion > div > h6 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0.5em;
	padding: 0;
}


#form .accordion > div.column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

#main #form h6.own_men_num {
	/*width: 50%;*/
	display: inline-block;
	width: 14em;
}

select.year {
	margin-bottom: 4px;
}

.prefix_override {
	font-size: 10pt;
	display: block;
	float: right;
	font-weight: normal;
}