-webkit-border-radius: 4px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
.segmented-control + .segmented-control {margin-top: 25px;}
background-color: #595959;
.segmented-control.alt li:target,
.segmented-control.alt li:target:active {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(0 0 -90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
.segmented-control li, .segmented-control.alt li:target {
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .1);
.segmented-control li:first-child {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
.segmented-control li:last-child {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
.segmented-control.alt li:target a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .15);
.segmented-control li:active {background-color: #525252;}
.segmented-control li:active,
.segmented-control.alt li:target:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .1);
.segmented-control li:active a,
.segmented-control.alt li:active a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .1);
.segmented-control li:target {
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .1))),
url(../img/background-segmented-control-selected.png);
-moz-linear-gradient(0% 0% -90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1)),
url(../img/background-segmented-control-selected.png);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1),
inset 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1),
inset 0 0 5px rgba(0, 0, 0, .15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1),
inset 0 0 5px rgba(0, 0, 0, .15);
.segmented-control.alt li:target {background-color: #4e4e4e;}
.segmented-control li:target a {color: #fff; text-shadow: 0 1px 0 #000;}
.segmented-control li:target:active {
-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .05))),
url(../img/background-segmented-control-selected.png);
-moz-linear-gradient(0% 0% -90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05)),
url(../img/background-segmented-control-selected.png);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .15);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15),
inset 0 0 5px rgba(0, 0, 0, .15);