div.span-left,div.span-right,div.span-1, div.span-2, div.span-3 {float:left;}
div.span-left,div.span-right {margin-right: 10px;}
div.span-1, div.span-2, div.span-3 {margin-right: 8px;}

div.last {margin-right: 0; }

.span-left {width: 170px;}
.span-right {width: 300px;}
.span-1 {width: 134px;}
.span-2 {width: 276px;}
.span-3, div.span-3 {width: 418px; margin: 0;}
.span-4, div.span-4 {width: 718px; margin: 0;}

.append-1 {padding-right: 142px;}
.append-2 {padding-right: 284px;}

.prepend-1 {padding-left: 142px;}
.prepend-2 {padding-left: 284px;}

div.border {padding-right:3px;margin-right:4px;border-right: 1px solid #eee;}

div.colborder {padding-right:133px;margin-right:130px;border-right: 1px solid #eee;}

.pull-1 { margin-left: -142px;}
.pull-2 { margin-left: -284px;}
.pull-3 { margin-left: -426px;}

.pull-1, .pull-2, .pull-3 {float:left;position:relative;}

.push-1 { margin: 0 -142px 1.5em 142px;}
.push-2 { margin: 0 -284px 1.5em 284px;}
.push-3 { margin: 0 -426px 1.5em 426px;}

.push-1, .push-2, .push-3 {float:right;position:relative;}

.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}

.box {padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9;}

hr {background: #ddd; color: #ddd;clear: both; float: none; width: 100%; height: .1em;margin: 0 0 1.45em;border: none;}

hr.space {background: #fff;color: #fff;}

.clearfix:after, .container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix, .container {display: inline-block;}
* html .clearfix, * html .container {height: 1%;}
.clearfix, .container {display: block;}

.clear { clear:both; }