#tabs{overflow:hidden;width:100%;margin:0;padding:0;list-style:none}#tabs li{float:left;margin:0 0.5em 0 0}#tabs a{position:relative;background:#ddd;background-image:linear-gradient(to bottom,#fff,#ddd);padding:0.7em 3.5em;float:left;text-decoration:none;color:#444;text-shadow:0 1px 0 rgba(255,255,255,0.8);border-radius:5px 0 0 0;box-shadow:0 2px 2px rgba(0,0,0,0.4)}#tabs a:hover,#tabs a:hover::after,#tabs a:focus,#tabs a:focus::after{background:#fff}#tabs a:focus{outline:0}#tabs a::after{content:'';position:absolute;z-index:1;top:0;right:-0.5em;bottom:0;width:1em;background:#ddd;background-image:linear-gradient(to bottom,#fff,#ddd);box-shadow:2px 2px 2px rgba(0,0,0,0.4);transform:skew(10deg);border-radius:0 5px 0 0}#tabs #current a,#tabs #current a::after{background:#f6f6f6;z-index:3}#content{background:#fff;padding:2em;height:220px;position:relative;z-index:2;border-radius:0 5px 5px 5px;box-shadow:0 -2px 3px -2px rgba(0,0,0,0.5)}