.csProgressbar{position:relative;width:300px;height:2.6em;font-size:12px;font-family:'Segoe UI',Arial;border:1px solid #ccc;border-top:solid 1px #aaa;border-left:solid 1px #aaa;font-weight:700;letter-spacing:.08em;text-align:left}.csProgressbar.gray{border:1px solid #bbb}.csProgressbar:after,.csProgressbar:before{content:attr(data-content);position:absolute;padding-top:.5em;height:2.1em;overflow:hidden;white-space:nowrap;text-indent:142px}.csProgressbar:before{background-color:#fafafa;color:#666;width:100%;box-shadow:inset 1px 1px 1px 0 rgba(0,0,0,.09)}.csProgressbar:after{background:#0c6fb1;background:-webkit-gradient(linear,left top,left bottom,from(#14a7cf),to(#0c6fb1));background:-webkit-linear-gradient(top,#14a7cf,#0c6fb1);background:-moz-linear-gradient(top,#14a7cf,#0c6fb1);background:-ms-linear-gradient(top,#14a7cf,#0c6fb1);background:-o-linear-gradient(top,#14a7cf,#0c6fb1);color:#fff;width:0}.csProgressbar.red:after{background:#e3514a;background:-webkit-gradient(linear,left top,left bottom,from(#ed8376),to(#e3514a));background:-webkit-linear-gradient(top,#ed8376,#e3514a);background:-moz-linear-gradient(top,#ed8376,#e3514a);background:-ms-linear-gradient(top,#ed8376,#e3514a);background:-o-linear-gradient(top,#ed8376,#e3514a)}.csProgressbar.green:after{background:#7fc33c;background:-webkit-gradient(linear,left top,left bottom,from(#b1d960),to(#7fc33c));background:-webkit-linear-gradient(top,#b1d960,#7fc33c);background:-moz-linear-gradient(top,#b1d960,#7fc33c);background:-ms-linear-gradient(top,#b1d960,#7fc33c);background:-o-linear-gradient(top,#b1d960,#7fc33c)}.csProgressbar.lightblue:after{background:#2caada;background:-webkit-gradient(linear,left top,left bottom,from(#46cae8),to(#2caada));background:-webkit-linear-gradient(top,#46cae8,#2caada);background:-moz-linear-gradient(top,#46cae8,#2caada);background:-ms-linear-gradient(top,#46cae8,#2caada);background:-o-linear-gradient(top,#46cae8,#2caada)}.csProgressbar.orange:after{background:#ffb031;background:-webkit-gradient(linear,left top,left bottom,from(#ffce4f),to(#ffb031));background:-webkit-linear-gradient(top,#ffce4f,#ffb031);background:-moz-linear-gradient(top,#ffce4f,#ffb031);background:-ms-linear-gradient(top,#ffce4f,#ffb031);background:-o-linear-gradient(top,#ffce4f,#ffb031)}.csProgressbar.purple:after{background:#d17ac6;background:-webkit-gradient(linear,left top,left bottom,from(#e3acdc),to(#d17ac6));background:-webkit-linear-gradient(top,#e3acdc,#d17ac6);background:-moz-linear-gradient(top,#e3acdc,#d17ac6);background:-ms-linear-gradient(top,#e3acdc,#d17ac6);background:-o-linear-gradient(top,#e3acdc,#d17ac6)}.csProgressbar.gray:after{color:#555;background:#999;background:-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#999));background:-webkit-linear-gradient(top,#e5e5e5,#999);background:-moz-linear-gradient(top,#e5e5e5,#999);background:-ms-linear-gradient(top,#e5e5e5,#999);background:-o-linear-gradient(top,#e5e5e5,#999)}.csProgressbar.black:after{background:#444;background:-webkit-gradient(linear,left top,left bottom,from(#888),to(#444));background:-webkit-linear-gradient(top,#888,#444);background:-moz-linear-gradient(top,#888,#444);background:-ms-linear-gradient(top,#888,#444);background:-o-linear-gradient(top,#888,#444)}.csProgressbar-clock{text-align:left;margin-top:1px;margin-left:3px;color:#555;font-size:11px;font-family:Georgia,'Segoe UI',Arial,Helvetica,NanumGothic,NanumGothicWeb,sans-serif;width:299px}.csProgressbar-clock.right{text-align:right}.csProgressbar-clock.hidden{visibility:hidden}