.col-1 { width: 60px;}
.col-2 { width: 140px;}
.col-3 { width: 220px;}
.col-4 { width: 300px;}
.col-5 { width: 380px;}
.col-6 { width: 460px;}
.col-7 { width: 540px;}
.col-8 { width: 620px;}
.col-9 { width: 700px;}
.col-10 { width: 780px;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10  {
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px; 
	float: left; 
	background: url('../images/dots.gif') top right repeat-y;
}

.box {
	border-top: 2px solid #ccc;
	background-color: #e9e9e9;
	padding: 12px 15px;
	margin-bottom: 10px;
}

.sidebar {
	border-top: 2px solid #ccc;
	margin-bottom: 10px;
}

.outline {
	border-top: 2px solid #ccc;
	padding: 12px 15px;
	margin-bottom: 10px;
}

.highlight {
	border-top: 2px solid #e2641a;
	background: #ff9b60;
	padding: 12px 15px;
	margin-bottom: 10px;
}

.notif {
	background: #ff9;
	border-top: 2px solid #f90;
	padding: 12px 15px;
	margin-bottom: 10px;
	color:#b16a01;
	font-weight:bold;
}

.confirmation {
	background: #b2e36b;
	border-top: 2px solid #7ca641;
	padding: 12px 15px;
	margin-bottom: 10px;
	color:#5a792d;
	font-weight:bold;
}