.timeline{list-style:none;padding:10px 0 20px 0;margin:0;height:120px;display:table;margin:10px auto;width:100%;border-spacing:0px;}
.timeline li{display:table-cell;text-align:center;width:1%;}
.timeline li label{display:block;font-size:11px;padding:8px;color:#CCC;}
.timeline li label:first-child{font-weight:bold;height:30px;line-height:15px;}
.timeline li .circle{height:40px;display:table;margin:auto;width:100%;}
.timeline li .circle-out{margin:auto;background-color:#ffffff;border:3px solid #fff0de;-moz-border-radius:75px;-webkit-border-radius:75px;border-radius:75px;width:33px;display:table-cell;}
.timeline li .circle-in{margin:auto;background:#fff0de;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYwZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #ffffff 1%, #fff0de 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#fff0de));background:-webkit-linear-gradient(top, #ffffff 1%,#fff0de 100%);background:-o-linear-gradient(top, #ffffff 1%,#fff0de 100%);background:-ms-linear-gradient(top, #ffffff 1%,#fff0de 100%);background:linear-gradient(to bottom, #ffffff 1%,#fff0de 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff0de',GradientType=0);border:6px solid #ffffff;-moz-border-radius:75px;-webkit-border-radius:75px;border-radius:75px;width:23px;height:23px;}
.timeline li .circle .divider-left{max-width:none;display:table-cell;height:40px;vertical-align:middle;width:50%;}
.timeline li .circle .divider-left div{height:5px;border-left:0;background:#fff0de;vertical-align:middle;}
.timeline li .circle .divider-right{max-width:none;display:table-cell;height:40px;vertical-align:middle;width:50%;}
.timeline li .circle .divider-right div{height:5px;border-left:0;background:#fff0de;vertical-align:middle;}
.timeline li.active label{color:#FF6600;}
.timeline li.active .circle-out{background-color:#ffffff;border-color:#FF5C0F;}
.timeline li.active .circle-out > .circle-in{background:#ff9463;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTQ2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjVjMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #ff9463 0%, #ff5c0f 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9463), color-stop(100%,#ff5c0f));background:-webkit-linear-gradient(top, #ff9463 0%,#ff5c0f 100%);background:-o-linear-gradient(top, #ff9463 0%,#ff5c0f 100%);background:-ms-linear-gradient(top, #ff9463 0%,#ff5c0f 100%);background:linear-gradient(to bottom, #ff9463 0%,#ff5c0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9463', endColorstr='#ff5c0f',GradientType=0);}
.timeline li.active .divider-left div{background:#FF5C0F;}
.timeline li.active .divider-right div{background:#FF5C0F;}
.timeline li .circle .divider-left .full{background:#ff5c0f;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNWMwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGJiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYwZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left, #ff5c0f 0%, #ffdbb5 50%, #fff0de 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ff5c0f), color-stop(50%,#ffdbb5), color-stop(100%,#fff0de));background:-webkit-linear-gradient(left, #ff5c0f 0%,#ffdbb5 50%,#fff0de 100%);background:-o-linear-gradient(left, #ff5c0f 0%,#ffdbb5 50%,#fff0de 100%);background:-ms-linear-gradient(left, #ff5c0f 0%,#ffdbb5 50%,#fff0de 100%);background:linear-gradient(to right, #ff5c0f 0%,#ffdbb5 50%,#fff0de 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5c0f', endColorstr='#fff0de',GradientType=1);}
.timeline li label.box{display:inline-block;margin:auto;padding:0;background:#F3F3F3;border:1px solid #e2e2e2;color:#b2b2b2;font-weight:bold;}
.timeline li label.box > div{padding:2px 3px;font-size:10px;border:1px solid #FFF;}
.timeline li.active label.box{background:#FF9900;color:#FFFFFF;border:1px solid #FF8000;}
.timeline li.active label.box div{border:1px solid #FFCC00;}
.timeline li:first-child .circle > .divider-left > div{border:0;background:none;filter:none;}
.timeline li:last-child .circle > .divider-right> div{border:0;background:none;filter:none;}