/* http://jsfiddle.net/ginpei/6tTTS/6/ */
/* http://jsfiddle.net/schinckel/BLkmc/3/?utm_source=website&utm_medium=embed&utm_campaign=BLkmc */
/*.segmented {
	
}
.segmented input[type="radio"] {
	display: none;
}
.segmented label {
	background-color: #fff;
	border: 0.5px hsl(215, 60%, 50%);
	border-style: solid none solid solid;
	color: hsla(215, 60%, 50%, 1);
	cursor: pointer;
	float: left;
	text-align: center;
	text-shadow: 1px 1px hsla(0, 0%, 100%, 0.5);
	padding: 5px;
	min-width: 20px;
	font-size: 10pt;
}
.segmented label:first-of-type  {
    border-radius: 10px 0 0 10px;
}
.segmented label:last-of-type {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.segmented input:checked + label {
	background-color: hsla(215, 60%, 50%, 0.2);
	color: hsla(215, 60%, 20%, 1);
}*/



.segmented {
	display: inline-block;
}
.segmented input[type="radio"] {
	display: none;
}
.segmented .label {
	background-color: hsl(215, 19%, 96%);
	/*background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);*/
	border: 0.5px hsl(215, 60%, 50%);
	color: hsl(215, 55%, 55%);
	text-shadow: 1px 1px hsla(0, 0%, 100%, 0.5);
	border-style: solid none solid solid;
	cursor: pointer;
	float: left;
	text-align: center;
	font-size: 11pt;
	padding: 5px;
	min-width: 24px;
}
.segmented :first-child .label {
    border-radius: 10px 0 0 10px;
}
.segmented :last-child .label {
    border-radius: 0 10px 10px 0;
    border-right-style: solid;
}
.segmented input:checked + .label {
	background-color: hsl(215, 66%, 88%);
	color: hsla(215, 60%, 0%, 1);
	font-weight: bold;
}
.segmented .label:hover {
  /*box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);*/
  /*border-color: #000;*/
  background-color: hsl(215, 59%, 92%);
  color: hsla(215, 60%, 20%, 1);
}

/*.test {
	color: hsl(210, 99%, 84%);
}
.test2 {
	color: hsl(354, 99%, 42%);
}*/