/* 
==============================
	Styling the form  
==============================
*/

.debug { border: 1px solid red; }

form.hasGrid {
	font-family: inherit;
    font-size: 12px;
	line-height: 1.5;
}


/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables
  *
  */

.hasGrid table {
	border-collapse:collapse;
	margin-bottom:15px;
}

.hasGrid th,
.hasGrid td {
	padding-bottom: 6px;
	padding-top: 6px;
}
  
.hasGrid tr.one-col,
.hasGrid th.two-col,
.hasGrid td.two-col,
.hasGrid th.three-col,
.hasGrid td.three-col,
.hasGrid th.four-col,
.hasGrid td.four-col,
.hasGrid th.five-col,
.hasGrid td.five-col,
.hasGrid th.six-col,
.hasGrid td.six-col,
.hasGrid th.seven-col,
.hasGrid td.seven-col,
.hasGrid th.eight-col,
.hasGrid td.eight-col {
	margin-right: 0;
	padding-right: 20px;
}

.hasGrid th.last-col,
.hasGrid td.last-col {
	padding-right: 0;
}

.hasGrid thead tr th {
	background: none;
	color: #000;
	text-align: left;
}

.hasGrid thead th {
	background: #eee;
	border-bottom:1px #cecece solid;
	color:#000;
}

.hasGrid tbody tr th { 
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;
	text-align:left;
}

.hasGrid tbody tr td { border-bottom: 1px solid #cecece; }

/**
* this prevents ie6 "2px extra space"
*/
#main tbody tr td input,
#main tbody tr td select {
	display: block;
}
#main tbody tr td input[type="checkbox"] {
	display: inherit; /* otherwise label gets line break */
}