#workskin .layout-center {
	margin: 0 auto;
}

#workskin .layout-vcenter {
	margin: auto 0;
}

#workskin .layout-center.w80 {
	margin: 0 auto;
	max-width: 80%;
	width: 80%;
}

#workskin .layout-center.w75 {
	margin: 0 auto;
	max-width: 75%;
	width: 75%;
}

#workskin .float-clear 
, #workskin .box-clear {
	float: clear;
}

#workskin .float-left, #workskin .box-left {
  float: left;
  max-width: 33%;
  margin-right: 0.8ex;
}

#workskin .float-right, #workskin .box-right {
  float: right;
  max-width: 33%;
  margin-left: 0.8ex;
}

#workskin .float-left.box-border, #workskin .box-left.box-border {
  border-right: 0.22ex dotted #333;
}

#workskin .float-right.box-border, #workskin .box-right.box-border {
  border-left: 0.22ex dotted #333;
}


/* 
 * table layout 
 * */

#workskin table.fixed {
	table-layout: fixed;
}

#workskin table.x-wide {
	width: 95%;
}

#workskin table.wide {
	width: 75%;
}

#workskin table.narrow {
	width: 55%;
}

#workskin table.x-narrow {
	width: 35%;
}

#workskin table > col.rownum {
	color: #ccc;
	background-color: #222;
	text-align: right;
	padding-right: 0.5ex;
	font-family: monospace;
}

/* 
 * table zebraing 
 * */


#workskin table.zebra {
}

#workskin table.zebra > tbody > tr:nth-child(odd) > td {
	background-color: rgba(242, 220, 220, 0.56);
}

#workskin table.zebra > tbody > tr:nth-child(even) > td {
	background-color: rgba(220, 242, 242, 0.56);
}

#workskin table.zebra > tbody > tr > td.unzebra {
	background-color: reset;
}