/* @override 
	http://bgci:8888/templates/org_bgci/styles/master.css
	http://bgci.ingraphix.uk/templates/org_bgci/styles/master.css
	http://www.bgci.org/templates/org_bgci/styles/master.css
	https://www.bgci.org/templates/org_bgci/styles/master.css
	http://localhost:8103/templates/org_bgci/styles/master.css */

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
body {
	font-family: arial, sans-serif;
	color: black;
	font-size: 14px;
}
h1, h2, h3 {
	margin-bottom: 0.6em;
	font-weight: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
li {
	list-style: none;
}
a {
	color: black;
}
a:hover {
	color: #006263;
}
div#tabs {
	margin: 10px 0;
}
div#tabs li {
	margin: 0 5px 0 0;
	padding: 0;
}
nav#mobile {
	background-color: black;
	padding: 20px 10px;
	position: relative;
	margin-bottom: 20px;
}
nav#mobile a.mn-bgci-short {
	text-decoration: none;
	color: white;
	font-size: 1.5em;
}
nav#mobile a.mn-bgci-long {
	display: none;
}
nav#mobile a.mn-menu {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 40px;
	height: 40px;
	background: url(../images/m-menu.png) no-repeat right center;
}
nav#top, header, nav#main {
	display: none;
}
nav#jPanelMenu-menu {
	background-color: black;
}
nav#jPanelMenu-menu ul {
	padding: 0;
}
nav#jPanelMenu-menu li {
}
nav#jPanelMenu-menu li a {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	border-bottom: 1px solid #555;
	color: white;
}
nav#jPanelMenu-menu li.has-sub-nav>a {
	background: url(../images/m-next.png) no-repeat right center;
}
nav#jPanelMenu-menu li a:hover {
	background-color: none;
}
nav#jPanelMenu-menu li ul {
	background-color: #006263;
}
nav#jPanelMenu-menu li ul li:last-child a {
	border-bottom: none;
}
nav#jPanelMenu-menu li ul li a {
	border-bottom: 1px solid black;
	font-size: 0.9em;
}
nav#jPanelMenu-menu li ul a:hover {
	background-color: none;
}
nav#jPanelMenu-menu li ul {
	display: none;
}
main {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}
main nav#sub ul li a {
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 15px;
	border-top: 1px solid black;
	text-decoration: none;
	background: white url('../images/next.png') no-repeat right center;
}
main nav#sub ul li.active a, main nav#sub ul li a:hover {
	color: #006263;
	background: white url('../images/next-on.png') no-repeat right center;
}
main nav#sub ul li:first-child a {
	border-top: 3px solid black;
}
footer {
	clear: left;
}
footer ul li {
	border-top: 1px solid black;
	margin: 10px;
	padding-top: 0.5em;
	font-weight: bold;
}
footer ul li li {
	border: none;
	margin: 0;
	float: none;
	padding-top: 1em;
	font-weight: normal;
}
footer li a {

}
article {
	border-top: 10px solid black;
	padding-top: 10px;
	margin-bottom: 40px;
}
article li {
	list-style: disc;
	margin: 1em;
}
section.related, body.search section {
	border-top: 10px solid #333;
	padding-top: 10px;
	margin-bottom: 50px;
	clear: both;
}
section.related>div {
	border-top: 1px solid #333;
	padding-top: 6px;
	clear:left;
}
div.promo {
	margin-bottom: 50px;
	width: 160px
}
div.promo a {
	display: block;
	text-decoration: none;
	margin-bottom: 40px;
}
div.promo img {
	display: block;
	border: none;
}
div.promo div {
	color: white;
	background-color: #006263;
	padding: 10px;
	background: #006263 url(../images/p-next.png) no-repeat 95% 95%;
}

/* Home page specific */
body.home div.sidebar {
	display: none;
}
div.sidebar div.feature {
	display: none;
}
div.feature {
	position: relative;
	margin-bottom: 20px;
}
div.feature img {
	display: block;
	width: 100%;
}
div.feature a {
	display: block;
	padding: 10px;
	padding-right: 20px;
	color: white;
	text-decoration: none;
	background: #006263 url(../images/p-next.png) no-repeat 98% 50%;
}
div.feature a:hover {
	opacity: 0.85;
}
div.feature h2, div.feature p {
	margin-bottom: 0;
}
div.sidebar div.twitter {
	display: none;
}
div.content div.twitter {
	margin-bottom: 20px;
}
div.dbsearch a, div.cultivate a {
	font-size: 0.8em;
}
div.breadcrumb, p.backto {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #f5f5f5;
}
div.addthis_default_style {
	margin-bottom: 1em;
    clear: both;
}

p.location {
	text-transform: uppercase;
}
/* forms etc */
form {
	margin: 1em 0;
}
form input, form textarea {
	border: 1px solid #bbb;
	padding: 0.3em;
	font-size: inherit;
	border-radius: 3px;
}
form select {
	border: 1px solid #bbb;
	height: 2em;
	font-size: inherit;
}
form input[type=image] {
	padding: 0;
}
form input[type=submit], form input[type=button] {
	padding: 0.4em 1em;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	font-size: 1em;
	cursor: pointer;
}
form input[type=submit]:hover, form input[type=button]:hover {
	background-color: #bbb;
}
form table td {
	padding: 5px 0;
	padding-right: 10px;
}
form span.mandatory {
	background-color: #e7fd79;
	padding: 3px 5px;
}
form label {
	display: block;
	margin-bottom: 5px;
}
form label.required {
	background: url(/templates/org_bgci/images/required_marker.gif) no-repeat 0 50%;
	padding-left: 1em;
}
p.info {
	font-style: normal;
}
p.error {
	border: 1px solid #990033;
	background-color: #ebcdd7;
	color: #990036;
	padding: 0.5em;
}
p.warning {
	border: 1px solid #ff6600;
	background-color: #ffe1cd;
	color: #ff6600;
	padding: 5px;
}
div.loggedin {
	padding: 1em;
	background-color: #f5f5f5;
	border-top: 3px solid black;
}
table.results {
	margin-top: 10px;
	width: 100%;
	border: 1px solid #99c2c2;
	background-color: #99cccc;
}
table.results th, table.results td {
	padding: 5px;
	vertical-align: middle;
	text-align: left;
}
table.results tr.heading {
	background-color: #cde1e1;
}
table.results tr.rowOn {
	background-color: #eee;
}
table.results tr.rowOff {
	background-color: #fff;
}
table.results td.colOn {
	background-color: #e7faff;
	padding: 5px;
	vertical-align: middle;	
	text-align: center;
}
table.results th.middle, table.results td.middle {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
table.results td.highlighted {
    background-color: #eee;
}
div.com-feature {
	margin-bottom: 1em;
}
div.com-feature img {
	width: 100%;
	border: 1px none #333;
}
div.com-feature div {
	border-left: 1px solid #569395;
	border-right: 1px solid #569395;
	border-bottom: 1px solid #569395;
	padding:10px;
}
div.com-feature a {
	display:block;
}
article img {
	margin: 10px;
}
article div.published {
	margin-bottom: 1em;
}
div#toolbar {
	margin: 1em 0;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	text-align: center;
    clear: both;
}
div#toolbar img {
	margin: 1em 0.2em;
}
div.com-feature a.editbtn img {
	width: 70px;
	height: 16px;
	margin: 1em 0;
}
div.regions div {
	color: white;
	text-decoration: none;
	font-size: 1.6em;
	margin-bottom: 1em;
}
div.regions img {
	display: block;
	float: left;
	border-right: 1px solid white;
	width: 149px;
	height: 65px;
}
div.regions a {
	display: block;
	background: #006263 url(../images/p-next.png) no-repeat 98% 50%;
	color: white;
	padding-left: 10px;
	padding-top: 20px;
	overflow: hidden;
	height: 45px;
	text-decoration: none;
}
div.regions a:hover {
	opacity: 0.85;
}
img#plant-search-icon {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
body.plant-search h2 {
	clear: left;
}

div.breadcrumb {
    margin-bottom:0;
}
img.hero {
    display: block;
    width:100%;
    height:auto;
    margin: 0;
    border:0;
}
h1 {
    background-color: #006263;
    color: white;
    padding: 15px 10px;
    margin-top: 0;
}
main nav#sub ul li a {
    background: #006263 url('/templates/org_bgci/images/p-next.png') no-repeat 98% 50%;
    color: white;
    padding: 10px;
    padding-right: 15px;
    border-top: 1px solid white;
}
main nav#sub ul li.active a, main nav#sub ul li a:hover {
    background: #006263 url('/templates/org_bgci/images/p-next.png') no-repeat 98% 50%;
    color: white;
    padding: 10px;
    padding-right: 15px;
    opacity: 0.85;
}

#google_translate_element {
    float: right;
}

@media screen and (min-width: 640px) {
	div.container {
		width: 640px;
		margin: 0 auto;
	}
	nav#mobile a.mn-bgci-short {
		display: none;
	}
	nav#mobile a.mn-bgci-long {
		display: block;
		text-decoration: none;
		color: white;
		font-size: 1.5em;
	}
	div.feature1 img {
		width: 620px;
		height: 465px;
	}
	div.feature2 img, div.feature3 img {
		width: 300px;
		height: 225px;
	}
	div.feature1 a {
		padding-right: 40px;
		padding-top: 20px;
	}
	div.feature2 {
		width: 300px;
		margin-right: 15px;
		display: inline-block;
		vertical-align: top;
	}
	div.feature3 {
		width: 300px;
		display: inline-block;
		vertical-align: top;
	}
	div.feature2 h2, div.feature3 h2 {
		font-size: 1.2em;
	}
	main div.content div.twitter {
		float: left;
		width: 300px;
		height: 460px;
		margin-right: 20px;
	}
	main div.content div.dbsearch,
	main div.content div.cultivate {
		float: left;
		width: 300px;
	}
	div.com-feature {
		float: left;
		margin-right: 20px;
	}
	div.com-feature img {
		width: 185px;
	}
	div.com-feature div {
		width: 163px;
	}
	footer ul li {
		width: 140px;
		float: left;
	}
	
	div.regions div {
		width: 300px;
	}
	div.regions div.region-us {
		float: left;
	}
	div.regions div.region-china {
		float: right;
	}
}

@media screen and (min-width: 960px) {
	div.container {
		width: 960px;
		margin: 0 auto;
	}
	nav#top,
	header,
	nav#main,
	nav#sub {
		display: block;
	}
	nav#mobile {
		display: none;
	}
	nav#top {
		margin-left: 360px;
		height: 60px;
	}
	nav#top li {
		width: 120px;
		float: left;
	}
	nav#top a {
		display: block;
		padding: 30px 10px 6px 10px;
		border-left: 1px solid black;
		text-decoration: none;
		color: black;
	}
	nav#top li.share a {
		background: white url('../images/down.png') no-repeat 90% 80%;
	}
	nav#top form {
		width: 240px;
		padding: 25px 10px 4px 10px;
		border-left: 1px solid black;
		background: #e2e3d3 url(../images/search.png) no-repeat 90% 80%;
		color: black;
		margin: 0;
	}
	nav#top input {
		width: 70%;
		border: none;
		padding: 3px;
		font-size: 1em;
		background-color: #e2e3d3;
	}
	nav#top li.share ul {
		display: none;
		position: absolute;
		z-index: 10;
		background-color: white;
	}
	nav#top li.share ul li {
		float: none;
		width: 180px;
		margin-top: 1px;
	}
	nav#top li.share ul li a {
		border-left: none;
		background-image: none;
		background-color: black;
		color: white;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	nav#top li.share ul li a:hover {
		background-color: #006263;
	}
	header {
		clear: left;
		height: 150px;
	}
    #google_translate_element {
        float: left;
        margin-left: 720px;
    }
	header div.logo {
		display: block;
		width: 160px;
		float: left;
	}
	header div.masthead {
		width: 760px;
		float: left;
	}
	header div.title {
		font-size: 2em;
		color: #006263;
		padding-top: 40px;
	}
	header div.subtitle {
		font-size: 1em;
		padding-top: 10px;
	}
	nav#main {
		clear: left;
		height: 80px;
		margin-top: 10px;
		background-color: #f1f1f1;
		margin-bottom: 20px;
	}
	nav#main li {
		width: 120px;
		float: left;
	}
	nav#main li a {
		background-color: #006263;
		display: block;
		padding: 10px;
		padding-top: 40px;
		text-decoration: none;
		color: white;
		border-right: 1px solid white;
		height: 30px;
	}
	nav#main li.active>a {
		height: 40px;
		margin-top: -10px;
		background-color: black;
		padding-top: 50px;
		padding-bottom: 0;
	}
	nav#main a:hover, nav#main a.hover {
		background-color: black;
	}
	nav#main ul ul {
		display: none;
		position: absolute;
		z-index: 10;
		background-color: white;
	}
	nav#main ul ul li {
		float: none;
		width: 180px;
		margin-top: 1px;
	}
	nav#main ul ul li a {
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		background-color: black;
	}
	nav#main ul ul li a:hover {
		background-color: #006263;
		color: white;
	}
	main {
		margin-left: 0;
		margin-right: 0;
	}
	body.home main {
		margin-left: 10px;
		margin-right: 10px;
	}
	main div.sidebar {
		width: 160px;
		float: left;
	}
	main div.sidebar nav#sub {
		margin-bottom: 40px;
	}
	main div.sidebar div.feature {
		display: block;
	}
	main div.content {
		margin-left: 40px;
		width: 760px;
		float: left;
		margin-bottom: 40px;
	}
	/*
	body.search div.content {
		margin-left: 10px;
		width: 940px;
	}
	*/
	body.promos main div.content {
		width: 560px;
	}
	div.promo {
		float: left;
		margin-left: 40px;
	}
	footer ul li {
		width: 140px;
		float: left;
	}
	
	/* Home page specific */
	body.home div.sidebar {
		display: block;
		width: 300px;
		float: left;
	}
	body.home div.sidebar div.twitter {
		height: 465px;
		margin-bottom: 20px;		
	}
	body.home div.dbsearch a, body.home div.cultivate a {
		padding-right: 40px;
		padding-top: 10px;
		position: absolute;
		width: 200px;
		bottom: 0;
		right: 0;
	}
	div.sidebar div.twitter {
		display: block;
		margin-bottom: 20px;
	}
	main div.content div.twitter,
	main div.content div.dbsearch,
	main div.content div.cultivate {
		display: none;
	}
	body.home main div.content {
		margin-left: 20px;
		margin-bottom: 0;
		width: 620px;
	}
	div.com-feature img {
		width: 220px;
	}
	div.com-feature div {
		width: 198px;
	}
	div.regions div {
		width: 460px;
	}
	
	img.hero {
	    width:760px; /* 16x9 */
	    height:428px;
	}
	
}


@media print {
		
	
}