.tabs{position:relative;margin:0 auto;width:574px}.tabs label{display:block;float:left;background:#fff;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZWZmMGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,#ffffff 0%,#eff0f4 4%,#dddee0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(4%,#eff0f4),color-stop(100%,#dddee0));background:-webkit-linear-gradient(top,#ffffff 0%,#eff0f4 4%,#dddee0 100%);background:-o-linear-gradient(top,#ffffff 0%,#eff0f4 4%,#dddee0 100%);background:-ms-linear-gradient(top,#ffffff 0%,#eff0f4 4%,#dddee0 100%);background:linear-gradient(to bottom,#ffffff 0%,#eff0f4 4%,#dddee0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dddee0',GradientType=0);border-right:1px solid #f3f3f3;border-left:1px solid #ccc;color:#555;cursor:pointer;font-weight:700;font-size:14px;position:relative;top:2px;width:143px;height:40px;line-height:40px;text-align:center;text-transform:uppercase;text-shadow:#fff 0 1px 0;z-index:1}.tabs input{position:absolute;left:-9999px}#tab_1:checked~#tab_l1,#tab_2:checked~#tab_l2,#tab_3:checked~#tab_l3,#tab_4:checked~#tab_l4{background:#fff;border:1px solid #BDBCBC;top:0;z-index:3}.tabs_cont{background:#fff;-moz-border-radius:0 6px 6px 6px;-webkit-border-radius:0 6px 6px 6px;position:relative;z-index:2;height:270px}.tabs_cont>div{position:absolute;left:-9999px;top:0;opacity:0;-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#tab_1:checked~.tabs_cont #tab_c1,#tab_2:checked~.tabs_cont #tab_c2,#tab_3:checked~.tabs_cont #tab_c3,#tab_4:checked~.tabs_cont #tab_c4{position:static;left:0;opacity:1}