/* Boxes
-------------------------------------------------------------- */
/* Use these classes to set the width of a column. */
.box-100%{ width: 100%; }
.box-10  { width: 10px; }
.box-20  { width: 20px; }
.box-25  { width: 25px; }
.box-30  { width: 30px; }
.box-40  { width: 40px; }
.box-50  { width: 50px; }
.box-60  { width: 60px; }
.box-70  { width: 70px; }
.box-80  { width: 80px; }
.box-90  { width: 90px; }
.box-100 { width: 100px; }
.box-110 { width: 110px; }
.box-120 { width: 120px; }
.box-130 { width: 130px; }
.box-140 { width: 140px; }
.box-145 { width: 145px; }
.box-150 { width: 150px; }
.box-153 { width: 153px; }
.box-170 { width: 170px; }
.box-180 { width: 180px; }
.box-190 { width: 190px; }
.box-200 { width: 200px; }
.box-230 { width: 230px; }
.box-250 { width: 250px; }
.box-270 { width: 270px; }
.box-300 { width: 300px; }
.box-310 { width: 310px; }
.box-320 { width: 320px; }
.box-350 { width: 350px; }
.box-390 { width: 390px; }
.box-430 { width: 430px; }
.box-450 { width: 450px; }
.box-470 { width: 470px; }
.box-500 { width: 500px; }
.box-510 { width: 510px; }
.box-550 { width: 550px; }
.box-590 { width: 590px; }
.box-630 { width: 630px; }
.box-650 { width: 650px; }
.box-670 { width: 670px; }
.box-680 { width: 680px; }
.box-710 { width: 710px; }
.box-730 { width: 730px; }
.box-750 { width: 750px; }
.box-780 { width: 780px; }
.box-790 { width: 790px; }
.box-792 { width: 792px; }
.box-830 { width: 830px; }
.box-870 { width: 870px; }
.box-910 { width: 910px; }
.box-950 { width: 950px; }

.box-fila-4 {
	clear: left;
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}






/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}

/* Use this to create a horizontal ruler across a column. */
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;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	width: 100%;
}
.clearfix {
	display: block;
	clear: both;
}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
	clear:both;
	float: left;
}


/*
playback timings (ms):
  LoadShardBlock: 100.251 (3)
  esindex: 0.01
  captures_list: 117.656
  CDXLines.iter: 11.763 (3)
  PetaboxLoader3.datanode: 165.143 (4)
  exclusion.robots: 0.266
  exclusion.robots.policy: 0.246
  RedisCDXSource: 1.41
  PetaboxLoader3.resolve: 114.431
  load_resource: 182.766
*/