.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:"";line-height:0;display:table}.clearfix:after{clear:both}.hide-text{border:0;text-shadow:none;color:transparent;font:0/0 a;background-color:transparent}.input-block-level{min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;display:block}.clockface{padding:3px;text-align:center;width:160px}.clockface>div{overflow:auto;clear:both}.clockface .inner,.clockface .outer{height:22px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:default;width:22px;line-height:22px}.clockface .inner.active,.clockface .inner.active:hover,.clockface .outer.active,.clockface .outer.active:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25);color:#fff}.clockface .inner:hover,.clockface .outer:hover{background-color:#dcdcdc}.clockface .outer{font-size:.8em;color:gray}.clockface .outer.active,.clockface .outer.active:hover{border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462",endColorstr="#ff51a351",GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-shadow:0 -1px 0 rgba(0,0,0,.25);color:#fff;background-color:#5bb75b;*background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(180deg,#62c462,#51a351);background-repeat:repeat-x}.clockface .outer.active.active,.clockface .outer.active.disabled,.clockface .outer.active:active,.clockface .outer.active:hover,.clockface .outer.active:hover.active,.clockface .outer.active:hover.disabled,.clockface .outer.active:hover:active,.clockface .outer.active:hover:hover,.clockface .outer.active:hover[disabled],.clockface .outer.active[disabled]{color:#fff;background-color:#51a351;*background-color:#499249}.clockface .outer.active.active,.clockface .outer.active:active,.clockface .outer.active:hover.active,.clockface .outer.active:hover:active{background-color:#408140\9}.clockface .inner.active,.clockface .inner.active:hover{border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc",endColorstr="#ff0044cc",GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-shadow:0 -1px 0 rgba(0,0,0,.25);color:#fff;background-color:#006dcc;*background-color:#04c;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(180deg,#08c,#04c);background-repeat:repeat-x}.clockface .inner.active.active,.clockface .inner.active.disabled,.clockface .inner.active:active,.clockface .inner.active:hover,.clockface .inner.active:hover.active,.clockface .inner.active:hover.disabled,.clockface .inner.active:hover:active,.clockface .inner.active:hover:hover,.clockface .inner.active:hover[disabled],.clockface .inner.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.clockface .inner.active.active,.clockface .inner.active:active,.clockface .inner.active:hover.active,.clockface .inner.active:hover:active{background-color:#039\9}.clockface .l1 .cell,.clockface .l5 .cell{*zoom:1;width:22px;display:inline-block;*display:inline}.clockface .l1 .outer{margin-bottom:3px}.clockface .l5 .outer{margin-top:3px}.clockface .l2 .inner,.clockface .l2 .outer,.clockface .l3 .inner,.clockface .l3 .outer,.clockface .l4 .inner,.clockface .l4 .outer{*zoom:1;vertical-align:middle;display:inline-block;*display:inline}.clockface .l2 .left,.clockface .l3 .left,.clockface .l4 .left{float:left}.clockface .l2 .left .outer,.clockface .l3 .left .outer,.clockface .l4 .left .outer{margin-right:3px}.clockface .l2 .right,.clockface .l3 .right,.clockface .l4 .right{float:right}.clockface .l2 .right .outer,.clockface .l3 .right .outer,.clockface .l4 .right .outer{margin-left:3px}.clockface .ampm{font-size:.8em;text-decoration:none;border-bottom:1px dashed}.clockface .ampm:focus{outline:0;outline:thin dotted\9}