#topbanner {
	margin-left: 0px;
}
.copyright {
	padding-bottom: 8px;
}
#traitchooser {
	width: 200px;
	/*height: 100%;*/
	/*position: absolute;*/
	/*left: 2px;*/
	background-color: #eaeaea;
	overflow: hidden;
	float:left;
}
#traitchooser ul {
	padding-left: 2px;
	margin-top: 4px;
	margin-bottom: 0px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 24px);
}

#traitplotter {
	/*height: 100%;*/
	width: calc(100% - 206px);
	/*position: absolute;*/
	/*right: 2px;*/
	background-color: #f8f8f8;
	float: right;
}
.ktrait > p {
	margin: 2px 1px 2px 1px;
}
.ktrait {
	background-color: #ddd;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 2px;
}
.kstatesCont > p {
	position: relative;
}
.ktrait > p:hover {
	background-color: #888;
	color: #fafafa;
}
#traitchooser .ktrait .kstate {
	cursor: pointer;
	margin-left: 6px;
	margin-bottom: 2px;
	font-weight: normal;
	font-size: 86%;
}
.ktrait.opened .kstatesCont {
	display: block;
}
.ktrait.opened > p:first-child {
	color: #fafafa;
	background-color: #888;
}
.kstate {
	margin: 4px 0px 2px 0px;
}
.ktrait.opened .kstate {
	display: block;
	padding-left: 4px;
}
.kstate:hover {
	background-color: #aaa;
	color: #fcfcfc;
}
.kstatesCont {
	display: none;
}
.kstate.chosen {
	background-color: green;
	color: #fcfcfc;
}

#traitplotter svg g text {
	font-family: arial,helvetica;
	font-size: 12px;
	cursor: pointer;
}
#traitServices {
	height: 22px;
}
#traitServices .fa {
	/*margin: 6px 6px 2px 6px;*/
	cursor: pointer;
}
#traitServices span.fa-stack {
	/*margin: -8px 6px 2px 2px;*/
	font-size: 76%;
	cursor: pointer;
}
svg .clemph {
	stroke: green;
}
.colswitch {
	/*display: inline-block;*/
	width: 1.2em;
	float: right;
}
.colswitches {
	display: none;
	width: 2.5em;
	min-height: 2.5em;
	position: absolute;
	right: 0.0em;
	top: 0.0em;
}
i.fa.colorizer {
	position: absolute;
	right: 0px;
	top: 0px;
}
i.fa.colorizer:hover .colswitches {
	display: block;
	z-index: 100;
}
.colswitch.col1, .chosen.col1 {
	background-color: #36f;
	color: #fafafa;
}
.colswitch.col2, .chosen.col2 {
	background-color: #fc3;
	color: #6a6a6a;
}
.colswitch.col3, .chosen.col3 {
	background-color: #3f6;
	color: #fafafa;
}
.colswitch.col4, .chosen.col4 {
	background-color: #f53d00;
	color: #fafafa;
}
.colswitch.col5, .chosen.col5 {
	background-color: #f36;
	color: #fafafa;
}
.colswitch.col6, .chosen.col6 {
	background-color: #63f;
	color: #fafafa;
}
.colswitch.col7, .chosen.col7 {
	background-color: #b82e00;
	color: #fafafa;
}
.colswitch.col8, .chosen.col8 {
	background-color: #c63;
	color: #fafafa;
}
.colswitch.col9, .chosen.col9 {
	background-color: #488e48;
	color: #6a6a6a;
}
.colswitch.col10, .chosen.col10 {
	background-color: #aaa;
	color: #6a6a6a;
}
.leaf-vis .col1 {
	fill: #36f;
	stroke: #888;
}
.leaf-vis .col2 {
	fill: #fc3;
	stroke: #888;
}
.leaf-vis .col3 {
	fill: #3f6;
	stroke: #888;
}
.leaf-vis .col4 {
	fill: #f53d00;
	stroke: #888;
}
.leaf-vis .col5 {
	fill: #f36;
	stroke: #888;
}
.leaf-vis .col6 {
	fill: #63f;
	stroke: #888;
}
.leaf-vis .col7 {
	fill: #b82e00;
	stroke: #888;
}
.leaf-vis .col8 {
	fill: #c63;
	stroke: #888;
}
.leaf-vis .col9 {
	fill: #488e48;
	stroke: #888;
}
.leaf-vis .col10 {
	fill: #aaa;
	stroke: #888;
}
.anno-outline {
	fill: #fff;
	stroke: #888;
}
svg {
	shape-rendering: crispEdges;
}

#keytool {
	position: relative;
}
#keytool div.bordered {
	border: 1px solid #bbb;
}
.keyboxcontainer {
	position:relative;
	min-height: 436px;
}
.keyparboxes {
	display: inline-block;
	padding: 0px;
	min-width: 49.7%;
	max-width: 49.7%;
	margin: 0px;
	position: absolute;
}
.keyparboxes:nth-child(1) {
	left: 0px;
}
.keyparboxes:nth-child(2) {
	right: 0px;
}
.keyboxes {
	width:100%;
	
	max-height: 400px;
	overflow: auto;
	
	margin-bottom: 4px;
}
#keygenera, #keytraits {
	height: 400px;
}
#keytool #vis {
	width: 100%;
	padding: 0px;
	position: relative;
}
#keytool #keyresults {
	width: 666px;
	height:438px;
	display: inline-block;
	padding: 0px;
	margin-bottom: 3px;
	position: absolute;
	left: 0px;
	overflow: auto;
}
#keytool .kselectables {
	cursor: pointer;
}
#keytool .ktrait {
	background-color: #eee;
}
#keytool .kgenletter {
	background-color: #eee;
}
#keytool .kgen {
	font-style: italic;
	display:none;
	margin-left: 30px;
	margin-right: 6px;
	background-color: #dadada;
}
#keytool .kstate {
	display: none;
	margin-left: 30px;
	margin-right: 6px;
	background-color: #dadada;
}
#keytool .kstate.chosen, #keytool .kgen.chosen {
	background-color: #666;
	color: #fafafa;
}
#keytool .autochosen {
	background-color: #090;
	color: #fafafa;
}
.keyrestraits {
	font-weight: bold;
}
#keyworldmap {
	width: 666px;
	height: 438px;
	display: inline-block;
	position: absolute;
	right: -3px;
	overflow: hidden;
}
.keyselmodes {
	display: inline-block;
}
#keytool .ui-icon {
	display: inline-block;
}
#keycommontraits {
	display: none;
	margin: 2px;
}
.keycommonstates {
	font-weight: bold;
	color: #090;
}