/* Eric Meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}




/* Set the box model to something sensible */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {  box-sizing: inherit;}



/* Page setup */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}



h1 {
    font-size: 36px;
    line-height: 40px;
	margin: 0 0 0.5em 0;
	padding-top:0;
}
 
h2 {
	margin: 1em 0 0.5em 0;
    font-size: 24px;
    line-height: 30px;
}
 
h3 {
	margin: 1em 0 0.5em 0;
    font-size: 18px;
    line-height: 24px;
}
 
h4 {
	margin: 1em 0 0.5em 0;
    font-size: 16px;
    line-height: 20px;
}

h5 {
	margin: 1em 0 0.5em 0;
    font-size: 14px;
    line-height: 20px;
}

p {  padding:0;margin:0 0 10px 0;}

ul {
/*	list-style-position: inside; */
	margin-bottom:10px;
}

li {margin-bottom:0.5em;}

/* Bits and pieces */
img {border:none}
em {font-style:italic}
.clearboth {clear:both}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
td.righttd {text-align:right}


.img-responsive {max-width:100%;height:auto;display: block;}

.nothumbnail {border:1px solid #ccc;height:75px;width:120px;}

.thumbnail-list > li {max-width:140px;padding-right:10px;}

.bold {font-weight:bold}
.text-muted {  color: #777;}

.smalltext {font-size:80%;}

.species {font-style:italic;font-family:'Times New Roman',serif;}

.printonly {display:none}

/* DIV-based tables */
.displaytable {display:block;width:100%;}
.displaytablerow {display:block;width:100%; margin:0px 0px 16px 0px; }
.displaytablerowheader {display:none;}
.displaytableheader {display:none;}
.displaytablecell {display:inline-block;vertical-align:top;width:100%;}
.displaytablecellempty {display:none;}
.displaytablecellfooter {display:block;}

.tablecell-right, .tablecell-center, .tablecell-left {text-align:left;}




.disabled {color:#999;}

.table-fixed {table-layout:fixed}




/* RESPONSIVE ADJUSTMENTS FOR TABLETS */
@media (min-width: 768px) {



	input[type=submit], input[type=button] {font-size:20px}

}


/* RESPONSIVE ADJUSTMENTS FOR MEDIUM DEVICES */
@media (min-width: 992px) {


	.inputform > div > label {width:150px;float:left;padding-right:10px;}

	.inputform 
		input[type=text],
		input[type=email],
		input[type=number],
		input[type=tel],
		input[type=url],
		input[type=password],
		select, textarea {
		width:  auto;
	}


	.displaytable {display:table;width:100%;table-layout:fixed;border-collapse:collapse;}
	.displaytablerow {display:table-row;width:100%;margin:0;padding:0; vertical-align:top;}
	.displaytableheader {display: table-cell;vertical-align: bottom;width: auto;border-bottom:1px solid #ccc;padding:0 0 5px 0;font-weight:bold;}
	.displaytablecell {display:table-cell;vertical-align:top;width:auto; padding:4px 0 4px 0;}
	.displaytablecellempty {display:table-cell;}
	.tablecell-right {text-align:right;}
	.tablecell-center {text-align:center;}
	.displaytablecellfooter {display:table-cell;border-top:1px solid #ccc;}

	.hide-medium {display:none}

	.colwidth-30 {width:30px !important;}
	.colwidth-40 {width:40px !important;}
	.colwidth-50 {width:50px !important;}
	.colwidth-60 {width:60px !important;}
	.colwidth-70 {width:70px !important;}
	.colwidth-80 {width:80px !important;}
	.colwidth-90 {width:90px !important;}
	.colwidth-100 {width:100px;}
	.colwidth-110 {width:110px;}
	.colwidth-120 {width:120px;}
	.colwidth-130 {width:130px;}
	.colwidth-140 {width:140px;}
	.colwidth-150 {width:150px;}
	.colwidth-160 {width:160px;}
	.colwidth-170 {width:170px;}
	.colwidth-180 {width:180px;}
	.colwidth-190 {width:190px;}
	.colwidth-200 {width:200px;}
	.colwidth-210 {width:210px;}
	.colwidth-220 {width:220px;}
	.colwidth-230 {width:230px;}
	.colwidth-240 {width:240px;}

	.colwidth-400 {width:400px;}
	.colwidth-500 {width:500px;}

	.colwidth-40pc {width:40%;}
	.colwidth-50pc {width:50%;}


}



/* RESPONSIVE ADJUSTMENTS FOR DESKTOPS */
@media (min-width: 1200px) {


	.displaytablecell, .displaytableheader {padding-right:0.5em; padding-left:0.2em;}
}