div.plan, div.plnb {
	height:30px;
	display:inline-block;
}

div.plan {
	border:1px solid gray;
}

div.plnb {
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}

div.plan.gn, div.plnb.gn {
	background-color:lightgreen;
}

div.plan.rd, div.plnb.rd {
	background-color:red;
}

div.plan.or, div.plnb.or {
	background-color:orange;
}

div.plan.pk, div.plnb.pk {
	background-color:pink;
}

div.plan.bn, div.plnb.bn {
	background-color:brown;
}

div.plan.yl, div.plnb.yl {
	background-color:yellow;
}

div.plan.bl, div.plnb.bl {
	background-color:skyblue;
}

div.plan.ol, div.plnb.ol {
	background-color:#808000;
}

div.plan.vt, div.plnb.vt {
	background-color:violet;
}

div.plan.al, div.plnb.al {
	background-color:silver;
}

div.plan.tp, div.plnb.tp {
	background-color:inherit;
	border-color:inherit;
}

div.plan.w1, div.plnb.w1 {
	width: 15px;
}

div.plan.w2, div.plnb.w2 {
	width: 8px;
}

div.plan.w3, div.plnb.w3 {
	width: 4px;
}