/* =GRID VIEW STYLES (includes DataList)
*****************************/
.gridview, .datalist {
	border-collapse: collapse;
	border: 1px solid #676;
}
.gridview .row, .datalist td { background: #fff; }
.gridview .alt, .datalist .alt { background: #f2f2f2; }

.gridview .header th { background: #CCC repeat-x center; line-height: .9; } /* Header template */
.gridview .header th, .gridview .header th a { color: #6b6c71; font-weight: bold; }

.gridview tr.edit { background: #ffc; } /* edit template */

.gridview td, .gridview th, .datalist td, .datalist th {
	padding: 3px 5px;
}
.gridview td, .datalist td { border: 1px solid #999; }


/* =FORM VIEW STYLES
*****************************/
.formview {
	width: 100%;
	margin: 1em 0;
}
.formview td { padding: 0; }


.formview .header { background: #CCC repeat-x center; } /* header template */
.header td, .header th { color: #fff; padding: 4px; }
.header input { color: #000; }

.empty { background: #fee; } /* empty item template */
.empty p { margin: 0; padding: 3px 10px; }


.gridview .header > th,
.formview * > .header {  }


/* =EDITOR FORMS
**************************/
label { cursor: pointer; }
.reqd, table.form th.reqd { color: #f30; }

.success { color: #090; font-weight: bold; }
.error { color: #930; font-weight: bold; }

fieldset { padding: 5px; color: #333; }
legend { font-weight: bold; font-size: 1.2em; color: #333; }

table.form {
	border-collapse: collapse;
}

.label em, table.form p {
	display: block;
	font-size: .9em;
	font-weight: normal;
	line-height: 1;
}

.form th, .form td.field { padding: 4px 6px; }
.form .label { font-size: .9em; background: #e7e7e7; }
.form th.label, th.label * {
	text-align: right;
	vertical-align: top;
}


.formview .buttons { /* command buttons row */
	padding: 4px 0;
	width: 200px;
	margin: 0 auto;
	text-align: center;
}

/* =PAGER TEMPLATE STYLES
******************************/
.pager { font-weight: bold; color: #fff; }
.pager td {
	background: #99a2ac;
	border: 0 none;
}
.pager td td { padding: 0; }
.pager td td a, .pager td td span { display: block; padding: 3px; background: #fff; border: 1px solid #e7e7e7; }
.pager td td span { background: #ccc; }
.pager td td a:hover { background: #e2eaf2; }