@charset "utf-8";

 body, html { 
 	width: 100%; height: 100%; margin: 0; }
.toolbar {
	padding: 5px;
}
.page-title {
	margin-right: 10px;
	font-size: 20px;
}
#top-bar {
    background-color: #d0e9fc;
}

/* Form */
.submit-area {
	text-align: center;
	padding: 6px;
	border-top: dotted 1px #999999;
}

/* Form grid */
.formgrid {
	width: 100%;
}
.formgrid td {
	border-collapse: collapse;
	border-bottom: solid 1px #CCCCCC;
	padding: 3px;
}
.formgrid tr:hover {
	background-color: #FFFF99;
}
.formgrid th {
	border-collapse: collapse;
	border-bottom: solid 1px #CCCCCC;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.formgrid .odd {
	background-color: #FFFFFF;
}
.formgrid .even {
	background-color: #D7F2FF;
}


/* Data grid */
.datagrid {
	width: 100%;
}
.datagrid td {
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
	padding: 3px;
}
.datagrid tr:hover {
	background-color: #666666;
	color: #FFFFFF;
	border-top: solid 1px #FFFF00;
	border-bottom: solid 1px #FFFF00;
}
.datagrid th {
	border-collapse: collapse;
	border: solid 1px #CCCCCC;
	padding: 3px;
	text-align: center;
	background-color: #999999;
	color: #FFFFFF;
}
.datagrid .odd {
	background-color: #FFFFFF;
}
.datagrid .even {
	background-color: #D7F2FF;
}