/* for the "compare" utility */

@font-face { font-family:Rusticana; src:url('../images/fonts/Rusticana-custom.ttf'); }
.fancyfont { font-family:Rusticana,Verdana,sans-serif; }

body,div,p,td,th { font:13px Verdana,sans-serif; text-size-adjust:none; }
body {
	background-color:#abbe99;
	background-image:url('../images/backgrounds/ssm-20.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-origin:center;
	background-attachment:fixed;
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;
}
a[href] { color: #0000cc; text-decoration:none; }
a[href]:visited { color: #6600dd; }
a[href]:hover { color: #0000ff; text-decoration:underline; }

.centered { text-align:center; }
.smallcaps { font-variant:small-caps; }
.caps { text-transform:uppercase; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underlined { text-decoration:underline; }
.smaller { font-size:90%; }
.bigger { font-size:110%; }
.nowrap { white-space:nowrap; }
.blue_text { color:#0000aa; }
.blue_text a[href] { color:#0000aa; }
.green_text { color:#085d05; }
.green_text a[href] { color:#085d05; }
.white_text { color:white; }
.white_text a[href] { color:white; }
.blue_bg { background-color:#0000aa; }
.green_bg { background-color:#085d05; }
.ssa { margin-bottom:3px; }
.nsa { margin-bottom:0px; }

div.species_table_header { box-sizing:border-box; border:1px solid #cccccc; border-bottom:none; border-collapse:collapse; background:white; padding:6px 6px 8px 6px; text-align:center; }
table.species_data { background:white; border-collapse:collapse; }
table.species_data th { text-align:left; }
table.species_data td, table.species_data th { border:1px solid #cccccc; background:white; background-clip:padding-box; }
table.species_data .bbn { border-bottom:none; }
table.species_data .btn { border-top:none; }
table.species_data .bln { border-left:none; }
table.species_data a[href] { text-decoration:none; }
table.species_data a[href]:hover { text-decoration:underline; }
div.taxonomic_key { resize:vertical; overflow-y:auto; max-height:210px; } 
div.taxonomic_key[style*="height"] { max-height: unset; } 
div.wildflowersearch_map { resize:vertical; width:100%; overflow-y:hidden; height:260px; } 
div.wildflowersearch_map[style*="height"] { max-height: unset; } 
table.taxonomic_key { background:none; border-collapse:collapse; }
table.taxonomic_key td, table.taxonomic_key th { border:none; padding:3px; background:white; background-clip:padding-box; line-height:1.05; }
table.taxonomic_key td:first-child { padding-right:6px; }
table.taxonomic_key td:nth-child(2) { padding-right:6px; }
h4.taxonomic_key { margin-top:8px; font-size:90%; }
tr.sticky_header th { position:sticky; top:-1px; }
tr.morphology:hover td { background:#eeeeff; }
tr.x-more_info:hover td { background:#eeeeff; }
div.taxa_selector { background:white; border:2px solid #006600; padding:8px; }
#taxa_form p { font-size:105%; }

h1 { font-size:20px; margin:0px 0px 10px 0px; }
h2 { font-size:18px; margin:0px 0px 8px 0px; }
h3 { margin:0px 0px 3px 0px; }
h3.nsa { margin-bottom:0px; }
h4 { margin:0px 0px 3px 0px; }
h1.fancyfont { font-size:2em; font-family:Rusticana,Verdana,sans-serif; line-height:1.05; letter-spacing:-0.05em; }
h2.fancyfont { font-size:1.7em; font-family:Rusticana,Verdana,sans-serif; line-height:1.05; letter-spacing:-0.05em; }
h3.fancyfont { font-size:19px; font-family:Rusticana,Verdana,sans-serif; line-height:1.05; letter-spacing:-0.05em; }
ul { padding:0px 0px 0px 1em; margin:0px; }
ul.link_list li { line-height:1.2; margin-bottom:3px; }
ul.link_list li a { white-space:nowrap; }
ul.link_list li.gap_above { margin-top:8px; }
.site_icon { height:20px; width:20px; margin-right:4px; vertical-align:bottom; }
p { margin:0px 0px 6px 0px; }
a[href].plain { text-decoration:none; }
a[href].plain:hover { text-decoration:underline; }
a[href].compare { color:#009900; cursor:copy; }
a.external { padding-right:10px; background-image:url('images/link.png'); background-repeat:no-repeat; background-size:9px 11px; background-position:100% 2px; }
td.row_header { font-size:14px; font-weight:bold; }

p.statement_part { margin:0px 0px 4px 0px; color:black; }
.hl_term { text-decoration:none; font-size:95%; font-weight:bold; font-style:normal; color:#000000; }
p.contains_hl_term { margin-left:0.60em; text-indent:-0.60em; }
p.contains_hl_term:before { content:'• '; font-size:75%; }
.hl_paragraph { background-color:#ffff99; }
.hl_paragraph.same { background-color:#ccffcc; }
.hl_paragraph.different { background-color:#ffdde5; }
.hl_row { background-color:#ccccff; }

.glowing {
	-webkit-filter: drop-shadow( 0px 0px 3px white); filter: drop-shadow( 0px 0px 3px white);
}

#taxon_list { font:13px Verdana; background:#f8f8f8; }
.taxon { cursor:pointer; }
.taxon:hover { background:#eeeeff; }

.taxon_div { float:left; width:23%; min-width:160px; max-width:285px; margin:0px 0px 12px 0px; padding-right:12px; }
.taxon_div input { font-size:15px; width:calc(100% - 12px); border:2px solid #9999ff; border-radius:4px; padding:3px; }
.taxon_div_manual { float:left; min-width:23%; margin:0px 0px 12px 0px; padding-right:12px; }
.taxon_div_manual input { width:calc(100% - 14px); margin-bottom:4px; }
.taxon_div_manual textarea { width:calc(100% - 12px); xwhite-space: pre; padding:2px; }
::placeholder {
	color:#cccccc; opacity: 1;
}

span.gl { text-decoration:underline dotted #3333ff; cursor:help; }
span.gl:hover { background-color:rgba(200,200,255,0.5); }
#glossary_link { font-size:11px; color:#666666; text-decoration:underline dotted #3333ff; }
#glossary_background { background:rgba(0,0,0,0.4); }
#glossary_popup { text-align:left; background-color:white; padding:16px; border:2px solid #cc66ff; box-shadow:7px 7px 20px #808080; }
.glossary_illustration { float:right; margin-left:8px; max-width:120px; max-height:120px; }
#glossary_closebox { color:#aaaaaa; font-size:20px; font-weight:bold; cursor:pointer; margin:0px 4px 8px 8px; }

@media screen and (max-width:720px) {
	
}