/*
--------------------------------------------------------------------------------
FloraBase Styles
Author:   Ben Richardson
Version:  $Date$

=Global Styles
--------------------------------------------------------------------------------
*/

html {
	background-color: #729e62;
	font-size: 1em;
	overflow-y: scroll;
}
body {
	background-color: #FFF;
	color: #000;
	font-family: "Open Sans", arial, helvetica, "Liberation Sans", sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5em;
}
strong, b {
	font-style: inherit;
	font-weight: 600;
}
em, i {
	font-style: italic;
	font-weight: inherit;
}
abbr, acronym {
	border-bottom: 1px dotted #CCC;
	cursor: help;
}
blockquote {
	background: transparent url("/images/quote-close.png") right bottom no-repeat;
}
blockquote > p {
	padding: 0 1.5em;
}
blockquote > p:first-child {
	background: transparent url("/images/quote-open.png") left 40% no-repeat;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
	line-height: inherit;
	margin: 1.5em 0 0 0;
	vertical-align: top; /* prevent monospaced font from breaking baseline */
}
dfn {
	font-weight: inherit;
}
q {
	quotes: '“' '”' '‘' '’'; /* opening followed by closing quote pairs */
}
/* The equivalent using Unicode escapes:
q {quotes: '\201C' '\201D' '\2018' '\2019';} */
q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}
img {
	vertical-align: top; /* avoid odd spacing issues, firefox(?) */
}

/*
--------------------------------------------------------------------------------
=Header
--------------------------------------------------------------------------------
*/

#head {
	background-color: #84B872;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #557336),
		color-stop(1, #84B872)
	);
	background-image: -webkit-linear-gradient(bottom, #84B872 0%, #557336 100%); /* note reversed */
	background-image: -moz-linear-gradient(bottom, #557336 0%, #84B872 100%);
	background-image: -o-linear-gradient(bottom, #557336 0%, #84B872 100%);
	background-image: -ms-linear-gradient(bottom, #557336 0%, #84B872 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#557336', EndColorStr='#84B872'); /* for IE6-9 */
	background-image: linear-gradient(to bottom, #557336 0%, #84B872 100%);
	height: 96px;
	width: 100%;
}
#development-warning {
	font-size: 1.5em;
	left: 0;
	line-height: 1.5em;
	position: absolute;
	top: -0.25em;
}
#headcontainer {
	float: left;
	margin: 0 -296pt 0 0;
	width: 100%;
}
#headcontent {
	margin: 0 296pt 0 0;
	padding: 9px;
}
/* Replace the default graphic, which is printer-friendly with a nicer PNG
 * graphic for screen display.
 * http://allinthehead.com/retro/289/sleight-update-alpha-png-backgrounds-in-ie
 */
#headcontent img {
	background: url(/images/florabase.png) top left no-repeat;
	border: 0;
	display: block;
	height: 0;
	left: 24px;
	/*
	 * Padding-top and width must match the height and width of the replaced
	 * image. Opera displays a single line of pixels from the replaced image
	 * unless the graphic is an 8 bit PNG with a single colour transparent.
	 * Total padding must add up to the height of the replaced image.
	 */
	padding-top: 82px;
	position: absolute;
	top: 7px;
	width: 300px;
}

#searchbar {
	float: left;
	margin: 0 18px 0 0;
	padding: 18px 0 0 0;
	text-align: right;
	width: 282pt;
}
#searchbar a {
	border: 0;
	color: #FFF;
	font-size: 12pt;
	font-weight: 500;
	/*line-height: 18px;*/
	padding: 0;
	text-decoration: none;
}
#searchbar a:hover, #searchbar a:active {
	color: #FFF;
	text-decoration: none;
}
#upgrade {
	background-color: #FF9;
	font-weight: 500;
	padding: 4px;
}
#password-upgrade {
	background-color: #FF9;
	font-weight: 500;
	padding: 12px;

}

/*
--------------------------------------------------------------------------------
=Structure
--------------------------------------------------------------------------------
*/

/* Structural elements replaced with twocolumn-lmenu.css and
twocolumn-rmenu.css. Only one of content and contentnowhitespace should be used
at one time, and these are mutually exclusive of the structural elements in the
above two column layouts. */
#content {
	padding: 24px;
}
#content > :first-child {
	margin-top: 0;
}
#contentnowhitespace {
}
/* Avoid changing line-height of "layout" tables. */
#content table, #contentnowhitespace table {
	line-height: normal;
	text-align: left;
}

#footer {
	background-color: #729e62;
	clear: both;
	padding: 1.5em 1.5em 4.5em;
}
#footer h5, #footer p, #footer ul {
	font-size: 0.875em;
}
#footer h5 {
	color: black;
	font-family: "Open Sans", arial, helvetica, "Liberation Sans", sans-serif;
}
#footer h5 + p {
	margin-top: 1.5em;
}
#footer .list-inline > li:first-child {
	padding-left: 0;
}
#footer p a, #footer ul li a {
	color: #333;
}
#footer img {
	border: 0;
}
.clearing {
	clear: both;
	height: 0;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {
	clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}

/*
--------------------------------------------------------------------------------
=Main Navigation
--------------------------------------------------------------------------------
*/

#menu {
	background-color: #729e62;
	width: 100%;
}
#menu > nav {
	/* must be more than other page items */
	z-index: 5;
}
#menu > nav ul ul {
	display: none;
}
#menu > nav ul li:hover > ul {
	display: block;
}
#menu > nav ul {
	background-color: #729e62;
	/*display: inline-table; can't use this for smartphone compatibility */
	line-height: 1;
	list-style: none none !important;
	margin: 0;
	padding: 0 24px;
	position: relative;
	/* must be more than tipsy and other page items */
	z-index: 1000;
}
#menu > nav ul:after {
	content: "";
	clear: both;
	display: block;
}
#menu > nav ul li {
	background-color: #729e62;
	float: left;
	line-height: 1;
	list-style: none none !important;
	padding: 0;
}
#menu > nav ul li:hover {}
#menu > nav ul li:hover a {
	background-color: #84b872;
	color: white !important;
	text-decoration: none;
}
#menu > nav ul li a {
	color: white !important;
	display: block;
	padding: 10px;
	text-decoration: none !important;
}
#menu > nav ul ul {
	background-color: #56784b;
	list-style: none !important;
	padding: 0;
	position: absolute;
	/*top: 100%; */
}
#menu > nav ul li a.submenu {
	background-image: url(/images/icons/arrow-25-white-16.png);
	background-position: 97.5% center;
	background-repeat: no-repeat;
	padding: 10px 18pt 10px 10px;
}
#menu > nav > ul > li > a.submenu,
#menu > nav > ul > li > a.sign-in {
	background-image: none;
	padding: 1em;
}
#menu > nav > ul > li > a.sign-in {
	background-color: #56784b;
}
#menu > nav > ul > li > a.sign-in:hover {
	background-color: #547336 !important;
}
#menu > nav > ul > li > a.sign-in:focus {
	background-color: black;
}
#menu > nav ul ul li {
	float: none;
	/*border-top: 1px solid #5D803C;*/
	/*border-bottom: 1px solid #84b872;*/
	position: relative;
}
#menu > nav ul ul li a {
	padding: 10px;
	color: black;
}
#menu > nav ul ul li a:hover {
	background-color: #729e62;
}
#menu > nav ul ul ul {
	left: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

/*
--------------------------------------------------------------------------------
=Headings
--------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
	color: #293823;
	font-family: "Cabin", arial, helvetica, sans-serif;
	font-weight: 400;
}
h3 {
	font-weight: 500;
}
h4, h5, h6 {
	font-weight: 700;
}
h1 {
	font-size: 1.75em; /* 28px */
	line-height: 1.7143em; /* 48px */
	margin: 0.8571em 0 0 0;
}
h1.short {
	line-height: 1;
}
h2 {
	font-size: 1.5em; /* 24px */
	line-height: 1em; /* 24px */
	margin: 1em 0 0 0;
}
h1 span.subtitle, h2 span.subtitle, h2.subtitle {
	border: 0;
	color: #666;
	display: block;
	font-size: 18px; /* ie8 */
	font-size: 1.1250rem;
	line-height: 1.3333em;
	margin: 0;
	text-transform: uppercase;
}
h3 {
	font-size: 1.3125em; /* 21px */
	line-height: 1.1429em; /* 24px */
	margin: 1.1429em 0 0 0;
}
/*h3 + table, h3 + ul {
	margin-top: -1em;
}*/
h4 {
	font-size: 1.1250em; /* 18px */
	line-height: 1.3333em; /* 24px */
	margin: 1.3333em 0 0 0;
}
h5 {
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
	margin: 1.5em 0 0 0;
}
h6 {
	font-size: 0.8750em; /* 14px */
	font-style: italic;
	line-height: 1.7143em; /* 24px */
	margin: 1.7143em 0 0 0;
}
p {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
	margin: 1.5em 0 0 0;
}
p.lead {
	font-size: 1.1250em; /* 18px */
	line-height: 1.3333em; /* 24px */
	margin: 1.3333em 0 0 0;
}
h1 + .no-mt, h2 + .no-mt, h3 + .no-mt {
    margin-top: 0;
}
h4 + *, h5 + *, h6 + * {
	margin-top: 0;
}

/*
--------------------------------------------------------------------------------
=Content
--------------------------------------------------------------------------------
*/

/*
 * <figure>s have an optional caption (<figcaption>) below a graphic (<img>) and can
 * be wrapped in a .cf for proper clearing. The width of the div
 * must be defined inline in a data-width attribute, e.g.
 * <figure class="figure-right-float" data-width="450px"> to ensure the
 * caption paragraph wraps at the width of the graphic.
 *
 * Use figure in conjunction with one of the figure- classes for complete
 * styling. Use .bordered to add a border to images with a white background.
 * Use .noresize for graphics acting as clickable maps.
 */
figure {
	border: 1px solid #ddd;
	border-radius: 2pt;
	box-shadow: 0 2pt 0 0 #f7f7f7;
	box-sizing: content-box;
	display: block;
	margin: 1.5em 0 0 0;
	padding: 0.4375em 0.5em;
}
figure:not(.noresize) img {
	height: auto !important;
	line-height: 1;
	vertical-align: top;
	width: 100% !important;
}
/* Include this class to prevent resizing. */
figure.noresize {}
/* Place a border around images that have a white background, for example. */
figure.bordered img {
	border:1px solid #ddd;
}
figcaption {
	font-size: 14px; /* ie8 */
	font-size: 0.875rem;
	line-height: 1.7143em; /* 24px */
	margin: 0;
}
.figure-left {
	margin-right: auto;
	margin-left: 0;
}
.figure-left-float {
	float: left;
	margin-right: 1.5em;
	margin-left: 0;
}
.figure-right {
	margin-right: 0;
	margin-left: auto;
}
.figure-right-float {
	float: right;
	margin-right: 0;
	margin-left: 1.5em;
}
.figure-centre {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.thumbnail-list {
}
.thumbnail-list li {
	list-style-position: inside !important;
}

.accounts {
	margin: 0;
	padding: 0;
}
.account {
	border: 1pt solid #EEE;
	border-radius: 2pt;
	float: left;
	margin: 23px 1em 0 0;
	padding: 0;
	width: auto;
}
.account h1, .account h2, .account h3, .account h4 {
	background-color: #EEE;
	margin: 0;
	padding: 9pt 6pt;
}
.account .body {
	padding: 0 6pt;
}
.account .body p {
	margin-top: 1em;
}
.account .body ul {
	list-style: none none;
	margin: 0;
	padding: 0;
}
.account .body ul li {
	list-style-type: none !important;
	padding: 0;
}

/* Panels, a la Bootstrap */
.panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 2pt;
	margin: 1.5em 0 0 0;
}
.panel-default {
	border-color: #ddd;
}
.panel-success {
	border-color: #d6e9c6;
}
.panel-warning{
	border-color:#faebcc
}
.panel-default > .panel-heading {
	background-color: #f7f7f7;
}
.panel-heading {
	border-top-left-radius: 2pt;
	border-top-right-radius: 2pt;
}
.panel-body {
	padding: 1em;
}
.panel-body :first-child {
	margin-top: 0;
}
.panel > .list-group {
	margin-top: 0;
}
.title-bigger {
	font-size: 1.3125em; /* as for h3 */
}
.panel-body + .table-responsive {
    border-top: none !important;
}

/* Bootstrap 3.3.6's media block. */
.media {
	margin-top: 15px;
}
.media:first-child {
	margin-top: 0;
}
.media,
.media-body {
	zoom: 1;
	overflow: hidden;
}
.media-body {
	width: 10000px;
}
.media-object {
	display: block;
}
.media-object.img-thumbnail {
	max-width: none;
}
.media-right,
.media > .pull-right {
	padding-left: 10px;
}
.media-left,
.media > .pull-left {
	padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
	display: table-cell;
	vertical-align: top;
}
.media-middle {
	vertical-align: middle;
}
.media-bottom {
	vertical-align: bottom;
}
.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}
.media-list {
	padding-left: 0;
	list-style: none;
}
.media .news-body {
	border-left: 5px solid #eee;
	padding-left: 10px;
}
.media h4 {
	font-weight: 500;
}

#stat-table {
	min-height: 480px;
}

.mt-5 {
	margin-top: 1.5em;
}
.pl-1 {
	padding-left: 0.25rem;
}

.list-group-fb .list-group-item.active, .list-group-fb .list-group-item.active:hover,
.list-group-fb .list-group-item.active:focus {
	background-color: #729e62;
	border-color: #729e62;
	color: white;
}
.list-group-fb > .active:hover {
	background-color: rgba(113, 158, 98, 0.85);
}
.list-group-fb > .active > a:link {
	color: white;
}

/*
--------------------------------------------------------------------------------
=Lists
--------------------------------------------------------------------------------
*/

ol, ul:not(.list-group), dl {
	margin: 1.5em 0 0 0;
}
ol, ul:not(.list-group):not(.list-inline) {
	margin-left: 1.5em;
	padding: 0;
}
ul:not(.dropdown-menu), ul:not(.dropdown-menu) li {
	list-style: disc;
}
ul ul {
	list-style: disc;
	margin-top: 0;
}
ul ul li {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: lower-alpha;
	margin-top: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-left: 1.5em;
}

/*
 * Navigation UL.
 */
.nav {
	margin: 1.25em 0 0 0;
}
.nav ul {
	list-style: none none;
	margin: 9px 0 !important;
	padding: 0;
}
.nav ul li {
	border: 1px solid #CCC;
	border-radius: 1pt;
	display: inline-block;
	font-size: 12pt;
	line-height: 1.4;
	list-style: none none;
	margin: 3px 3px 3px 0;
	padding: 0 !important;
}
.nav ul li a {
	color: #333 !important;
	display: inline-block;
	margin: 0;
	padding: 2pt 4pt;
	text-decoration: none !important;
	white-space: nowrap;
}
.nav ul li.prev a:before {
	content: '← ';
}
.nav ul li.next a:after {
	content: ' →';
}
.nav ul li a:hover {
	background-color: #CCC;
	text-decoration: none;
}
.nav h4 {
	font-size: 13pt;
	padding-left: 0;
}

.sortnav {
	margin: 1.25em 0 0 0;
	padding: 0;
}
.sortnav ul:before {
	background-color: #ddd;
	content: "Sort";
	display: inline-block;
	font-size: 12pt;
	margin: 0 -4px 0 0;
	padding: 2pt 4pt;
}
.sortnav ul {
	border: 1px solid #CCC;
	border-radius: 1pt;
	float: right;
	list-style: none none;
	margin: 0;
	padding: 0;
}
.sortnav ul li {
	border: 0;
	display: inline-block;
	font-size: 12pt;
	list-style: none none;
	margin: 0;
	padding: 0;
}
.sortnav ul li a {
	display: inline-block;
	margin: 0;
	padding: 2pt 4pt;
	white-space: nowrap;
}
.sortnav ul li a:hover {
	background-color: #CCC;
	text-decoration: none;
}
.sortnav ul li.current {
	background-color: #F2F2F2;
	font-weight: 600;
}
.sortnav ul li.current a {
	color: black;
}
.sortnav ul li.current a:hover {
	background-color: transparent;
	text-decoration: none;
}

/*
 * Glossary DL.
 */
dl.glossary {
	margin-left: 0;
}
dl.glossary dd ol {
	list-style-type: lower-alpha;
}
dl.glossary p {
	margin: 0 0 12px 0;
}
dl.glossary ul {
	margin: 0 0 12px 1.5em;
}

/*
 * Factlist DL.
 */
dl.factlist {
	background-color: #eee;
	border-radius: 2pt;
	margin: 1.5em 0 0 0;
	width: auto;
}
dl.factlist dt {
	background-color: #ddd;
	border-top-left-radius: 2pt;
	border-top-right-radius: 2pt;
	padding: 1.5em;
}
dl.factlist dd {
	background: url("/images/icons/control.png") no-repeat 1.5em 0.25em;
	margin: 1em 0 0 0;
	padding: 0 0 0 3em;
}

/*
 * Callout DL
 */
div.calloutlist h3 {
	margin-bottom: 0;
}

/*
--------------------------------------------------------------------------------
=Forms, Search
 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Styling_HTML_forms
--------------------------------------------------------------------------------
*/

form {
	clear: both;
	margin: 1.5em 0 0 0;
	padding: 0;
}

input, select, textarea {
	background-color: white;
	border: 1px solid #CCC;
	border-radius: 2pt;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: inherit;
	font-size: 100%;
	line-height: 18pt;
	margin: 0;
	outline: none;
	padding: 2pt;
}
input[type=search] {
	border-radius: 2pt;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type=button],
input[type=submit],
input[type=reset] {
	background-color: #EEE;
	width: 10em;
}
 input[type=button]:hover,
 input[type=submit]:hover,
 input[type=reset]:hover {
	 background-color: #DDD;
 }
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active {
	border: 1px inset #547336;
	background-color: #DDD;
}
input:focus,
select:focus,
textarea:focus {
	border-color: #547336;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
	outline: 0 none;
}

input[type=radio], input[type=checkbox] {
	border: none;
}
input {
	height: 24pt; /* for IE */
	vertical-align: middle;
}
input[type=radio], input[type=checkbox] {
	background-color: transparent;
	height: 12pt;
	cursor: pointer;
}
textarea {
	display: block;
	overflow: auto;
	vertical-align: top;
}
input:not([type=submit]):not([type=reset]):not([type=button]):focus,
select:focus,
textarea:focus {
	background-color: #FF9;
}
/* As per above, but just for ie8 */
.ie8-input-focus:focus {
	background-color: #FF9;
}
fieldset {
	border: none;
	border-top: 1px solid #CCC;
	clear: both;
	margin-bottom: 6pt;
	padding: 3pt 0 0 0;
}
legend {
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*
 * Quick Search bar
 */
#qs {
	clear: both;
	display: inline-block;
	height: 24pt;
	margin: 0;
}
#qs .form-group {
	float: left;
	margin: 0 3pt 0 0;
	padding: 0
}
#qs .form-group label {
	display: block;
}
#qs .form-group-no-label {
	margin: 0;
}
#qs input:not([type=submit]) {
	border: 1px inset #547336;
	width: 20em;
}
/* As per above, but just for ie8 */
.ie8-not-submit {
	border: 1px inset #547336;
	width: 20em;
}
#qs input[type=submit] {
	border: 1px solid #666;
	padding: 0 6pt;
	width: 3em;
}
#qs input[type=submit]:active {
	border: 1px solid #547336;
}

/*
 * Search form with div layout rebooted.
 */
.s2 {
	clear: both;
}
.s2 fieldset {
	margin-bottom: 6pt;
}
.s2 .form-group, .s2 .radios, .s2 .checkboxes {
	float: left;
	height: 52px;
	margin: 4px 0 0 0;
	padding: 0 3pt 6pt 0;
}
.s2 .radios, .s2 .checkboxes {
	margin: 18px 0 6pt 6pt;
}
.s2 .form-group label, .s2 .form-group .label {
	display: block;
}
.s2 .radios label, .s2 .checkboxes label {
	display: inline-block;
}
.s2 .form-group-no-label {
	margin: 9px 0 0 0;
}
.s2 label.radio,
.s2 label.checkbox {
	margin-right: 6pt;
	vertical-align: top;
}
.s2 label.radio input,
.s2 label.checkbox input {
	margin-right: 0;
}
.s2 input[type=submit], .s2 input[type=reset] {
	/*
	 * Account for missing label. Aaaaargh! 3 browsers and none agree on the
	 * best value for margin-top!
	 */
	margin-top: 18px !important;
	/*	margin-bottom: 0; */
}

/* Region add-on to Advanced Search form */
.s2 .region-element {
	float: none;
	height: auto;
	margin: 3pt 0 0 0;
}

/* Nuytsia Search only? */
#result {
	clear: both;
	margin-top: 18px;
}

/*
 * Simpleform rebooted.
 */
.sf2 {
	margin-top: 1.5em;
}
.sf2 .form-group {
	border-radius: 2pt;
	display: block;
	margin: 0;
	padding: 0.25em;
}
.sf2 label:not(.radio):not(.checkbox) {
	clear: left;
	cursor: pointer;
	display: block;
	padding-right: 1em;
	text-align: left;
	width: 15em;
}
/* As per above, but just for ie8 */
.ie8-label-not-rc {
	clear: left;
	cursor: pointer;
	display: block;
	padding-right: 1em;
	text-align: left;
	width: 15em;
}
.sf2 .form-group > div.label {
	clear: left;
	display: block;
	margin: 0;
	text-align: left;
	width: 15em;
}
.sf2 textarea,
.sf2 input:not([type=radio]):not([type=checkbox]),
.sf2 select,
.sf2 li {
	margin: -18pt 0 12pt 16em;
	padding: 2pt;
}
/* As per above, but just for ie8 */
.ie8-formfield-not-rc {
	margin: -18pt 0 12pt 16em;
	padding: 2pt;
}
.sf2 .form-control-static {
	line-height: 1;
	margin: -22px 0 1.5em 16em;
	padding: 2pt;
}
.sf2 a.cancel {
	border-color: rgb(232,44,12) !important;
	color: rgb(232,44,12);
	display: block;
	float: right;
	margin: 6pt 0 12pt 12pt;
	width: auto;
}
.sf2 .radios,
.sf2 .checkboxes {
	clear: both;
	display: block;
	margin: -24pt 0 6pt 16em;
	padding: 0;
}
.sf2 label.radio,
.sf2 label.checkbox {
	margin-right: 1em;
	vertical-align: top;
}
.sf2 label.radio input,
.sf2 label.checkbox input {
	margin-right: 0;
}
.sf2 input[type=button] {
	clear: both;
	display: block;
	margin-top: 0 !important;
}
.sf2 ol, .sf2 ul {
	margin: 9px 0 0 18px;
}
.sf2 textarea,
.sf2 input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.sf2 select {
	float: left;
	margin-top: -28px;
	margin-bottom: 6pt;
	width: 240pt;
}
/* As per above, but just for ie8 */
.ie8-formfield-not-rcs {
	float: left;
	margin-top: -28px;
	margin-bottom: 6pt;
	width: 240pt;
}
.sf2 .has-error {
	background-color: rgba(255,0,0,0.1);
	color: rgb(232,44,12);
}
.sf2 .has-error input,
.sf2 .has-error select {
	border: 1pt solid rgb(232,44,12);
	border-radius: 2pt;
}
.sf2 .help-block {
	clear: both;
	color: #666;
	margin: 0 0 1em 0;
	padding: 0 0.25em;
}
.sf2 .form-group .help-block {
	margin: 0 0 12pt 16em;
	padding: 0;
}
.sf2 .radios .help-block,
.sf2 .checkboxes .help-block {
	margin: 6pt 0 0 0;
	padding: 2pt;
}

.sf2 input[type=submit], .sf2 input[type=reset] {
	margin-top: 6pt !important;
	/*	margin-bottom: 0; */
	width: 240pt;
}
.sf2 label em, .sf2 legend em {
	color: rgb(232,44,12);
	font-weight: bold;
	font-size: 15pt;
	font-style: normal;
	vertical-align: middle;
}
.sf2 .message {
	background-color: inherit;
	clear: both;
	display: inline-block;
	font-size: 12pt;
	line-height: 1;
	margin: 0 0 6pt 16em;
}
.sf2 .error {
	background-color: rgba(255,0,0,0.2);
	border-radius: 2pt;
	color: rgb(232,44,12);
	padding: 2pt;
}

/*
--------------------------------------------------------------------------------
=Tables
--------------------------------------------------------------------------------
*/

table {
	line-height: 1.5em;
	overflow-x: scroll !important;
}
caption {
	line-height: 1.5em;
}
th {
	font-weight: 600;
	text-align: center;
}

.table {
	margin-top: 1.5em;
	margin-bottom: 0;
}

.table caption {
	padding-top: 0;
}

.table .num {
	text-align: right;
}
.table .text {
	text-align: left;
}

/*
 * Doctable is a class for a table used to display documentation in table form.
 */
.doctable {
	background-color: white;
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 23px 0 -1px 0;
	width: 100%;
}
.doctable caption {
	padding: 0 0 0 8px;
}
.doctable .highlight {
	background-color: #f3f48e !important; /* override general zebra striping */
}
.doctable .lefthead {
	text-align: left !important; /* to override makeNumericTables()! */
}
.doctable .centrehead {
	text-align: center !important; /* to override makeNumericTables()! */
}
.doctable .oddcol {
	background-color: #FCFCFC;
}
.doctable td, .doctable th {
	border: 0;
	border-collapse: collapse;
	line-height: 1.5em;
	padding: 0.25em;
}
.doctable th {
	background: #F2F2F2;
	text-align: left;
}
.doctable td :first-child {
	margin-top: 0;
}
.doctable p {
	margin-top: 0.5em;
}
.doctable .deemphasise {
	color: #666;
}
.doctable .num {
	text-align: right;
	width: 7em;
}
.doctable .arrow-link {
	vertical-align: text-bottom;
}
.doctable img {
	vertical-align: middle;
}
.doctable-col2 {
	float:left;
	margin: 1.5em 1em 0 0;
	width: auto;
}

/*
 * calendartable is a class for the calendar tables used in Management Notes.
 */
.calendartable {
	border: 1px solid #CCC;
	border-collapse: collapse;
	line-height: 1.2em;
	margin-bottom: 1.2em;
	width: auto;
}
.calendartable td, .calendartable th {
	border: 1px solid #CCC;
	border-collapse: collapse;
	line-height: 1.2em;
	padding: 0 0.3em;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
.calendartable th {
	background: #F2F2F2;
}
.calendartable .occasionally { /* highlight colour for concept "occasional" */
	background-color: #90EE90;
}
.calendartable .regularly { /* highlight colour for concept "yes, regularly" */
	background-color: #0FF;
}
.calendartable .uncertain { /* highlight colour for concept "uncertain" */
	background-color: #CCC;
}

#icontable {
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 15px 0 0 0;
	width: 100%;
}
#icontable, #icontable thead, #icontable tbody, #icontable tr, #icontable th,
#icontable td {
	border-collapse: collapse;
	vertical-align: top;
}
#icontable tr {
	border: 1px solid #CCC;
}
#icontable tr.browse {
	background-color: #DDD !important;
}
#icontable tr td {
	min-height: 28px;
	padding: 3px;
	vertical-align: top;
}
#icontable tr td.text {
	padding: 6px; /* 4pt */
	width: 100%;
}
/*#icontable tr td a, #icontable tr td div {
	background-color: #84B872;
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #547336;
	border-radius: 1pt;
	display: block;
	height: 28px;
	width: 28px;
}
#icontable tr td a.browse-minus {
	background-image: url(/images/icon-minus.png);
}
#icontable tr td a.browse-plus {
	background-image: url(/images/icon-plus.png);
}
#icontable tr td a.consv_code {}
#icontable tr td a.fixname {
	background-image: url(/images/icon-fix.png);
}
#icontable tr td a.search-current {
	background-image: url(/images/icon-current.png);
}
#icontable tr td a.photo {
	background-image: url(/images/icon-photo.png);
}
#icontable tr td a.map {
	background-image: url(/images/icon-map.png);
}
#icontable tr td a.profile {
	background-image: url(/images/icon-flora.png);
}
#icontable tr td a.specimen {
	background-image: url(/images/icon-specimen.png);
}
#icontable tr td a.key {
	background-image: url(/images/icon-key.png);
}
#icontable tr td div.empty {
	background-color: transparent;
	background-image: none;
	border-color: #ccc;
}*/

/* #icontable tr td.indent width property needed to support IE (including 7),
see ieinc7.css */

#icontable p {
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
}
#icontable img, .button {
	border: 1px solid #547336;
	background-color: #84B872;
}
#icontable img.empty {
	border: 1px solid #CCC;
	background-color: transparent;
}

table.your-account {
	margin: 1.5em 0 0 0;
}
table.your-account tr {
	border-bottom: 1px solid #eee;
}
.your-account th, .your-account td {
	padding: 0.6667em 1em 12px 0.5em;
	text-align: right;
	vertical-align: top;
}
.your-account td {
	padding: 0.6667em 0.5em 12px 1em;
	text-align: left;
}
.your-account tr.even, .your-account tr.odd {
	background-color: transparent;
}
.your-account p {
	margin: 0 0 1.5em 0;
}
.your-account p:last-child {
	margin-bottom: 0;
}
.your-account form {
	margin: 0;
}
/*
--------------------------------------------------------------------------------
=Links
--------------------------------------------------------------------------------
*/

a:not(.btn):not(.list-group-item):not(.cke_dialog_ui_button):not([class^="leaflet-control"]) {
	text-decoration: none;
}
a:link:not(.btn):not(.list-group-item):not(.cke_dialog_ui_button):not([class^="leaflet-control"]) {
	color: #C30;
}
a:visited:not(.btn):not(.list-group-item):not(.cke_dialog_ui_button):not([class^="leaflet-control"]) {
	color: #920;
}
a:hover:not(.btn):not(.list-group-item):not(.cke_dialog_ui_button):not([class^="leaflet-control"]),
a:active:not(.btn):not(.list-group-item):not(.cke_dialog_ui_button):not([class^="leaflet-control"]) {
	color: #30F;
	text-decoration: underline;
}
ul.dropdown-menu > li > a {
	color: #333 !important;
	text-decoration: none !important;
}

/*
--------------------------------------------------------------------------------
=Misc
--------------------------------------------------------------------------------
*/

/*
 * Front page site directory.
 */
#sitedir {
	clear: both !important;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 1.5em 0 1.5em 300px;
}
#sitedir .paw {
	display: block;
	float: left;
	margin: -1.5em 0 1.5em -300px;
	position: relative;
}
#sitedir .sitedir_block {
	margin: 0 0 0 1.5em;
	min-width: 7.5em;
}
#sitedir .sitedir_block h2, #sitedir .sitedir_block p {
	margin: 0;
	padding: 0;
}
#sitedir .sitedir_block p {
	background-color: #F2F2F2;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0, #F2F2F2),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(right, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(right, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #F2F2F2 100%); /* note reversed */
	background-image: -ms-linear-gradient(right, #F2F2F2 0%, #FFFFFF 100%);
	background-image: linear-gradient(to right, #F2F2F2 0%, #FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#F2F2F2', EndColorStr='#FFFFFF'); /* for IE6-9 */
	border-radius: 2pt 0 0 2pt;
	color: #888;
	font-size: 1em;
	margin: 0.375em 0 0.875em 0;
	padding: 0.5em;
}
#sitedir .sitedir_block h2 a {
	display: block;
	margin: 0;
	padding: 0;
}

/* About page styles. */
.about {
	background-color: #F2F2F2;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F2F2F2),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F2F2 100%); /* note reversed */
	background-image: -ms-linear-gradient(bottom, #F2F2F2 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #F2F2F2 0%, #FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#F2F2F2', EndColorStr='#FFFFFF'); /* for IE6-9 */
	border: 1px solid #CCC;
	border-radius: 2pt;
	color: black;
	margin: 1.5em 10%;
	min-width: 180px; /* width of image */
	padding: 1.5em;
}
.about :last-child {
	margin-bottom: 0;
}
.aboutimage {
	clear: right;
	float: right;
	padding: 0;
	margin: 0 0 1em 1em;
	vertical-align: top;
}

/*
 * An inline highlight of a piece of text.
 */
.highlight {
	background-color: #f3f48e;
	padding-left: 2pt;
	padding-right: 2pt;
}

/* Underline for HTML 5. */
.u {
	text-decoration: underline;
}

/*
 * Profile distribution statements.
 */
#profile-distribution p:not(:first-of-type) {
	margin: 0;
}

/*
 * Plant of the Month styles.
 */
.potmimg {
	border-width: 5px;
	border-style: solid;
	float: left;
	margin: 0 18px 14px 0;
}
.potmnav {
	list-style: none;
	margin: 1.5em 0 0 0;
}
.potmnav li {
	float: left;
	list-style: none !important;
	margin: 0 9px 0 0;
}
.potmnav li a {
	background-color: transparent;
	border: 1pt solid #CCC;
	display: inline-block;
	line-height: 1.4;
	margin: 0;
	padding: 2pt 4pt;
	text-decoration: none;
	white-space: nowrap;
}
.potmnav li.prev a:before {
	content: '← ';
}
.potmnav li.next a:after {
	content: ' →';
}
.potmnav li a:hover {
	background-color: #F2F2F2;
}

.downloadlist {
	margin: 23px 0 0 0;
	padding: 0;
}
.downloadlist .download:before {
	content: "\f019";
	font-family: FontAwesome;
	font-size: 1.5em;
	left: 0.5em;
	position: absolute;
	top: 0.25em;
}
.downloadlist .download {
	border: 1pt solid #F2F2F2;
	border-radius: 2pt;
	clear: both;
	margin: 0 0 12px 0;
	padding: 7px 0.5em 6px 3em;
	position: relative;
	overflow: hidden;
}
.downloadlist .download h2 {
	margin: 0;
	padding: 0;
}
.downloadlist .download h3 {
	margin: 0;
	padding: 0;
}
.download p {
	background-color: transparent;
	margin: 0.75em 0 0 0;
	padding: 0;
}
.download h2 + p, .download h3 + p {
	margin: 0.25em 0 0 0;
}
.downloadlist .download h2 a {
	display: block;
	padding: 0;
	text-decoration: none;
}
.downloadlist .download ul {
	margin: 0.75em 0 5px 0;
	border: 0;
}
.downloadlist .download ul li {
	vertical-align: baseline;
	list-style-position: inside !important;
	list-style-image: none;
	list-style-type: square;
	color: #666;
	font-weight: bold;
}
.downloadlist .download img {
	border: 1px solid #ccc;
	float: right;
	margin: 4px 0 8px 8px;
}

h2 + .featurelist {}
.featurelist {
	clear: both;
	margin: 0 0 18px 0;
	padding: 0;
}
.featurelist li {
	background: url("/images/icons/tick.png") #F2F2F2 no-repeat 9px 9px;
	border: 1px solid #CCC;
	border-radius: 2pt;
	display: inline-block;
	padding: 9px 9px 9px 54px;
	margin: 9px 9px 0 0;
	min-height: 108px;
	width: 216px;
	vertical-align: top;
}

hr.separator {
	border: 0;
	border-bottom: 1px dashed #F2F2F2;
	clear: both;
	display: block;
	margin: 23px 9px 24px;
}
hr.separator-dark {
	border-bottom: 1px dashed #ddd;
}

.h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: smaller;
	font-weight: normal;
}
.link {
	text-decoration: underline;
}
/* For citations. */
.cite {
	font-size: 10pt;
	text-align: justify;
	clear: both;
}
/* For use in a simple paragraph containing the FloraBase public version number.
*/
.version {
	font-size: 10pt;
	text-align: right;
	color: #CCC;
}
.small {
	font-size: 9pt;
	font-weight: normal;
}
.white {
	text-decoration: none;
	color: #FFFFFF;
}

/*
 * For use on blocks of example text.
 */
.example {
	background-color: #F9F9F9;
	padding: 0 2.4em;
}

/*
 * Informational, warning and alert messages used throughout the site.
 */
div.message {
	background-color: #FF9;
	border: 1px solid rgb(191,191,115);
	border-radius: 2pt;
	box-shadow: 0 2pt 0 0 rgba(191,191,115,0.5);
	-webkit-box-shadow: 1pt 1pt 1pt rgba(191,191,115,0.5);
	clear: both !important;
	font-size: 1em;
	line-height: 1;
	margin: 23px 0 0 0;
	padding: 0 1em;
}
div.message :last-child {
	margin-bottom: 11px;
	padding-bottom: 0;
}
div.message-block {
	border: none;
	border-bottom: 1px solid rgb(191,191,115);
	border-radius: 0;
	margin: 0 !important;
}
div.message-block h2,
div.message-block h3,
div.message-block p {
	margin: 0;
	padding: 1em 0 0 1em;
}
/*
 * Correct the amount of space after the message if it is followed by a major
 * site element, such as a heading, or a navigation element. */
.message + h1, .message + .nav {
	margin-top: 1em;
}
h1 + .message {}
.message + #sitedir {
	margin-top: 0;
}
.message + .breadcrumbs {
	margin-top: 12pt;
}
.information {
	background: #FF9 url("/images/information-button.png") no-repeat top left;
	background-position: 8px 1em;
}
.warning {
	background: #FF9 url("/images/exclamation-button.png") no-repeat top left;
	background-position: 8px 1em;
}
.alert {
	background: #FF9 url("/images/exclamation-red-frame.png") no-repeat top left;
	background-position: 8px 1em;
}
.message h2,
.message h3,
.message p,
.message dl {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0.75em 0 0 0;
	padding: 0 0 0 1em;
}
.message h2, .message h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 1em 0 0 0;
}
.message + .doctable {
	margin-top: 18px;
}
.message dt {
	margin-top: 12pt;
	margin-bottom: 2pt;
}
.message dd {
	margin-left: 0;
}

/* Smartie button page styles. */
li.currpage {
	background-color: #CCC;
}
/*.currpage {
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	border: solid black 1px;
}*/
.frow {
	background: #E1E1E1;
	color: #000000;
	margin: 0;
}
.grow {
	background: #EFEFEF;
	color: #000000;
	margin: 0;
}
.hrow {
	background: #FAFAFA;
	color: #000000;
	margin: 0;
}
.alien {
	background-image: url(/images/icon-alien.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 24px;
	vertical-align: top;
	width: 28px;
}
.ref {
	color: #777777;
	font-size: 0.8333em;
}
h1 .ref {
	display: inline-block;
	font-family: "Open Sans", arial, helvetica, "Liberation Sans", sans-serif;
	font-size: 16px; /* ie8 */
	font-size: 1rem;
	margin: 0 0 1.125em 0;
	white-space: nowrap;
}
.noncurr {
	color: #777777;
}
h1 .common {
	color: #777;
	font-size: 0.75em;  /* 21px / 28px */
	white-space: nowrap;
}
p .common {
	font-size: 13px; /* ie8 */
	font-size: 0.8333em;
}
.classification {
	color: #777777;
}
h1 .classification {
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}
p .classification {
	font-size: 11pt;
}

.profile-status {
	margin: 0;
}

.doctable tr:nth-child(odd),
#icontable tr:nth-child(odd),
.calendartable tr:nth-child(odd) {
	background: #FEFEFE;
}
.doctable tr:nth-child(even),
#icontable tr:nth-child(even),
.calendartable tr:nth-child(odd) {
	background: #F7F7F7;
}
/* As per above, but just for ie8 */
.odd {
	background: #FEFEFE;
}
/* As per above, but just for ie8 */
.even {
	background: #F7F7F7;
}
img.constat {
	vertical-align: middle;
	float: left;
}

/* Styles for visually separating large blocks of content representing database
records. */
.oddblock, .evenblock {
	border: 1px solid #CCC;
	border-radius: 1pt;
	margin: 4px 0;
	padding: 6pt;
}
.oddblock :first-child, .evenblock :first-child {
	margin-top: 0;
}
.oddblock {
	background-color: #FFF;
}
.evenblock {
	background-color: #F2F2F2;
}

/*
 * Style for a paragraph noting the identity of the compiler of a page within a
 * H2 tag, such as on a Taxon Profile. See also the more general use .compiler
 * property.
 */
h2 .compiler {
	background-color: #FFF;
	color: #777;
	display: inline-block;
	font-family: "Open Sans", arial, helvetica, "Liberation Sans", sans-serif;
	font-size: 16px; /* ie8 */
	font-size: 1rem;
	line-height: 1em;
	text-align: inherit;
	vertical-align: inherit;
}

/*
 * Style for a paragraph noting the identity of the compiler of a page outside
 * the H2 tag, e.g. in a Taxon Profile. See also the more specific h2 .compiler
 * property.
 */
.compiler {
	line-height: 1.5em;
	padding: 0;
	text-align: right;
	vertical-align: top;
}

.references {
	list-style-type: none !important;
	margin: 1.5em 0 0 1.5em;
}
.references li {
	list-style-type: none !important;
	margin: 0 0 0.5em 0;
}
.references > li > .fa-li {
	color: #ccc;
	top: 0.3em;
}

/* A big red star for use in forms to show required fields. */
.required {
	color: #F00;
	font-size: 18pt;
	font-weight: bold;
	vertical-align: middle;
}

/* General form background colour, try to keep the same as one of the smartie
button background colour classes above. */
.fbform {
	background: #F7F7F7;
	border: 1px solid #CCC;
}

/* Helpful hints */
.help {
	background: transparent url("/images/icons/light-bulb.png") no-repeat 0.125em 0.25em;
}
.help p {
	background-attachment: scroll;
	display: inline-block;
	font-size: 0.875em;
	margin: 0;
	padding-left: 24px; /* ie8 */
	padding-left: 1.5rem;
	width: inherit;
}
.help-right {
	float: right;
	margin: 0.5em 0 0 0;
	text-align: right;
}
.help-left {
	float: left;
	margin: 0.5em 0 0 0;
	text-align: left;
}
/* For a bit more space around the help text... */
.help-standalone {
	margin: 1.5em 0 0 0;
}
/* Inline help is just smaller. */
.help-inline {
	font-size: 14px; /* ie8 */
	font-size: 0.875rem;
}

/*
 * Conservation Codes
 */
.consv_code {
	background-color: #84B872;
	border: 1px solid #547336;	
	color: black !important;
	display: inline-block;
	font-size: 14pt;
	font-weight: bold;
	height: 28px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	vertical-align: baseline;
	width: 28px;
}
.consv_code:link, .consv_code:visited, .consv_code:hover {
	color: black;
	text-decoration: none;
}
.consv_code .text {
	display: inline-block;
}

/* Less whitespace above a nuytsia block in profiles. */
h2 + #nuytsia {
	margin-top: -1.2em;
}

h3 + .article {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.article {}
.article h3 {
	font-size: 1.1250em;
	font-weight: 500;
	line-height: 1.3333em;
	margin: 1.3333em 0 0 0;
}
.article + h3 {
	margin-top: 18px;
}
.article h3 + p {
	margin: 0;
}
.article_abstract {
	border-left: 0.5em solid #eee;
	font-size: 1em;
	margin: 0.75em 0 2.25em;
	padding: 0 0 0 0.5em;
}
.article_authorship {
/* 	clear: both; */
	padding: 0;
}
.article_links {
	display: table-row; /* ensure box doesn't collapse! */
	list-style: none !important;
	margin: 0;
	padding: 0;
}
.article_links li {
	list-style: none !important;
}
.article_button {
	background-color: inherit !important;
	border: none !important;
	float: left;
	padding: 0;
	margin-right: 1em;
}
.article_meta {
	float: left;
	padding: 0 9pt 0 0;
}
.article .hidden {
	display: none;
}
.nuytsia_indent {
	text-indent: 1.2em;
}
.pdf_print_icon {
	background: #F2F2F2 url("/images/document-pdf.png") no-repeat top left;
	background-position: 6pt 5pt;
	border: 1px solid rgb(178,178,178);
	border-radius: 2pt;
	box-shadow: 1pt 1pt 1pt rgba(178,178,178,0.5);
	-webkit-box-shadow: 1pt 1pt 1pt rgba(178,178,178,0.5);
	float: right;
}
.pdf_print_icon a {
	display: block;
	margin: 1pt;
	padding: 0.3em 0.3em 0.3em 20pt;
	text-decoration: none;
}
.nuytsia-cover {
	float: left;
	margin: 9pt 9pt 0 0;
}
#nuytsia-extras {
	border: 1px solid rgb(178,178,178);
	border: none;
	border-left: 0.5em solid #eee;
	border-radius: 2pt;
	margin: 1.5em 0 0 0;
	padding: 0 1em;
}
#nuytsia-extras :first-child {
	margin-top: 0;
}
#nuytsia-extras :last-child {
	margin-bottom: 0;
}
#nuytsia-purchase {
	border: 1px solid rgb(178,178,178);
	border-radius: 2pt;
	padding: 9pt;
	margin-top: 12pt;
}
#nuytsia-purchase h2 {
	margin: 0 0 18pt 0;
}

.docframe {
	border: 0;
	padding: 0 0 9pt 0;
	height: 500px;
	width: 100%;
}

/*
 * Currency View
 */
a.backward, a.forward {
	border: 1px solid #CCC;
	border-radius: 2pt;
	padding: 0.25em
}
a.backward {
	float: left;
}
a.forward {
	float: right;
}
a.backward:hover, a.forward:hover {
	background-color: #F0F0F0;
}

/* Taxon Profiles */
.breadcrumbs {
	font-size: 0.8125em; /* 13px */
	line-height: 1.8462em; /* 24px */
	margin: 1.5em 0 0 0;
}

/* Icon on A tag to link user back to the top of the page. */
a.top:before {
	font-family: "FontAwesome";
	content: "\f01b";
}
a.top {
	background-color: transparent;
	color: #ddd !important;
}

.btn-backward:before {
	content: "\f190";
	font-family: FontAwesome;
	margin-right: 0.25em;
}
.btn-forward:before {
	content: "\f18e";
	font-family: FontAwesome;
	margin-right: 0.25em;
}
.btn-less:before {
	content: "\f139";
	font-family: FontAwesome;
	margin-right: 0.25em;
}
.btn-more:before {
	content: "\f13a";
	font-family: FontAwesome;
	margin-right: 0.25em;
}
.btn-forward, .btn-backward {
	background-color: #fcfcfc;
	border-radius: 1pt;
	box-shadow: 0 2pt 0 0 #f9f9f9;
}
.btn-forward:hover, .btn-backward:hover {
	background-color: #ff9;
}

.icon {
    background-position: 2pt 4.5pt;
    background-repeat: no-repeat;
	border: 1pt solid #CCC;
	border-radius: 1pt;
	display: inline-block;
    line-height: 1.4;
	padding: 2pt 4pt 2pt 18pt;
    margin: 3pt 0;
	min-height: 16pt;
	text-decoration: none !important;
}
.icon:hover {
	background-color: #CCC;
	text-decoration: none;
}
.icon-inline {
	background-color: #EEE;
	background-position: 2pt 2pt;
	border: none;
	margin: 0;
	padding: 0 4pt 0 18pt
}
/* Make the whole icon button bigger, bolder and brighter. */
.icon-big {
	background-color: #FCFCFC;
	background-position: 6pt 13pt;
	box-shadow: 0 2pt 0 0 #f9f9f9;
	margin: 12pt 0 0 0;
	padding: 12pt 12pt 12pt 24pt;
}
.icon-big:hover {
	background-color: #ff9;
}
.icon-email {
	background-image: url(/images/icons/postage-stamp-at-sign.png);
}
.icon-user {
	background-image: url(/images/icons/user.png);
}
.icon-user-edit {
    background-image: url(/images/icons/user--pencil.png);
}
.icon-user-delete {
    background-image: url(/images/icons/user--minus.png);
}
.icon-user-disable {
	background-image: url(/images/icons/user-silhouette.png);
}
.icon-user-new {
    background-image: url(/images/icons/user--plus.png);
}
.icon-user-list {
	background-image: url(/images/icons/users.png);
}
.icon-document-delete {
	background-image: url(/images/icons/document--minus.png);
}
.icon-document-edit {
	background-image: url(/images/icons/document--pencil.png);
}
.icon-document-new {
	background-image: url(/images/icons/document--plus.png);
}
.icon-cross {
	background-image: url(/images/icons/cross.png);
}
.icon-help {
	background-image: url(/images/icons/light-bulb.png);
}

.delete, [class^="delete-"], .cancel {
	background-color: rgba(255,0,0,0.2);
	border-color: rgb(232,44,12);
}
.delete:hover, .cancel:hover {
	background-color: rgba(255,0,0,0.7);
	color: white !important;
}

#dialog-delete-confirm,
#dialog-delete-email-confirm {
	display: none;
}

/*
 * Jquery UI dialog CSS modifications for FloraBase.
 */
.ui-dialog, .ui-widget, .ui-widget button {
	font-family: inherit;
	font-size: 12pt;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 2pt;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 2pt;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 2pt;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 2pt;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background-image: none;
}
.ui-widget-header {
	background-color: #eee;
	background-image: none;
}
.ui-widget-content {
	background-image: none;
}
.ui-dialog-buttonpane {
	border-color: #eee;
}
.ui-widget-overlay {
	background-image: none;
}

/*
 * JQuery UI tooltip CSS modifications for FloraBase.
 */
.ui-tooltip, body .ui-tooltip {
	background-color: #fefefe;
	border-width: 1px;
	box-shadow: 0 1pt 2pt 0 rgba(191,191,115,0.5);
}
.ui-tooltip-content {
	font-size: 10pt;
}

/*
 * Registration/Sign up page.
 */
#specimen-access-extras {
	border: 1px solid #CCC;
	border-radius: 2pt;
	margin: 7px 0;
	padding: 8px;
}
#specimen-access-extras :first-child {
	margin-top: 0;
}
#specimen-access-extras :last-child {
	margin-bottom: 0;
}

/*
 * Task button for use anywhere that a major button is required to ask the
 * reader to do something.
 */
.task-button {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	border-radius: 2pt;
	margin: 0 auto;
	padding: 12pt;
	width: 100%;
}

pre.highlight {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 2pt;
	margin: 23px 0 0 0;
	padding: 0.71875em 1em; /* 11.5px */
}

textarea.cke_source {
	box-sizing: border-box !important;
	font-family: Consolas, 'Courier New', Courier, monospace !important;
	font-size: inherit !important;
	padding: 5px !important;
}

#multisearch-msg {
	display: none;
}

.brixton-dl {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 9px 0 0 0;
}
.brixton-dl .item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 9px 0 0 0;
}
.brixton-dl .item a::before {
	content: "\f019";
	font-family: FontAwesome;
	font-size: 27px;
	left: 9px;
	position: absolute;
	top: 18px;
}
.brixton-dl .item a {
	padding: 18px 18px 18px 45px;
	position: relative;
	text-align: left;
}