/* Grid */

.grid {margin-top: 1em;}
.grid .grid-header {text-align: left;}
.grid .grid-body {padding: 0;}
/* Form & Panel */
.grid .grid-body .grid-form, .grid .grid-body .grid-panel {}
.grid .grid-body .grid-form .form-header, 
.grid .grid-body .grid-panel .panel-header {
	background-color: #9bbfe4; color: #ffffff; height: 28px; line-height: 14px;
	font-weight: bold; padding: 8px; text-indent: 1em;
}
.grid .grid-body .grid-form .form-header .form-header-title, 
.grid .grid-body .grid-panel .panel-header .panel-header-title {width: 90%; float: left; clear: none;}
.grid .grid-body .grid-form .form-header .form-header-close, 
.grid .grid-body .grid-panel .panel-header .panel-header-close {width: auto; float: right; clear: none; text-align: right;}
.grid .grid-body .grid-form .form-header .form-header-close a, 
.grid .grid-body .grid-panel .panel-header .panel-header-close a {
	display: block; width: 20px; height: 18px; margin: 0px 3px 0 0;
	background: transparent url("../images/components/form/close.png") no-repeat right top; cursor: pointer;
}
.grid .grid-body .grid-form .form-body, 
.grid .grid-body .grid-panel .panel-body {background-color: #e0ecf8;}	
.grid .grid-body .grid-form .form-footer, 
.grid .grid-body .grid-panel .panel-footer {background-color: #e0ecf8; padding: 8px;}	
/* Dataset */
.grid .grid-body .grid-dataset {}
.grid .grid-body .grid-dataset .grid-dataset-content {margin: 1em 0 0 0;}
.grid .grid-body .grid-dataset .grid-dataset-content table {width: 100%; border: none;}
.grid .grid-body .grid-dataset .grid-dataset-content table th {
	text-align: center;
	padding: 0.5em 0.6em 0.5em 0.6em;
	font-weight: bold; font-size: 1em;
	background-color: #9bbfe4; color: #ffffff; border-bottom: 1px solid #ffffff;
}
.grid .grid-body .grid-dataset .grid-dataset-content table th a {color: #ffffff; cursor: pointer;} 
.grid .grid-body .grid-dataset .grid-dataset-content table td {
	padding: 0.2em 0.5em 0.2em 0.5em; background-color: #e0ecf8; font-size: 1em; border-bottom: 1px solid #ffffff;
}
.grid .grid-body .grid-dataset .grid-dataset-content table td.action {
	width: 20%; text-align: center;
}
/* Pager */
.grid .grid-body .grid-dataset .grid-dataset-pager {margin: 0.5em 0 0 0; text-align: center;}
.grid .grid-body .grid-dataset .grid-dataset-pager .page {
	background-color: #f4692c; color: #ffffff; padding: 0.25em 0.5em 0.25em 0.5em;
}
.grid .grid-body .grid-dataset .grid-dataset-pager .currentPage {
	background-color: #165ba8; color: #ffffff; padding: 0.25em 0.5em 0.25em 0.5em;
}
/* Footer */
.grid .grid-footer {}

/* Sub Grid */

.grid.subgrid {font-size: 0.85em;}
.grid.subgrid .grid-body .grid-form, .grid.subgrid .grid-body .grid-panel {background-color: #e0ecf8;}
.grid.subgrid .grid-body .grid-form .form-header, 
.grid.subgrid .grid-body .grid-panel .panel-header {background-color: #f4a934;}

.grid.subgrid .grid-body .grid-dataset .grid-dataset-content table th {
	background-color: #f4a934; padding: 0.2em 0.5em 0.2em 0.5em; border-bottom: 1px solid #ffffff;
}
.grid.subgrid .grid-body .grid-dataset .grid-dataset-content table td {
	padding: 0.15em 0.4em 0.15em 0.4em; background-color: #fbd9a3; border-bottom: 1px solid #ffffff;
}
.grid.subgrid .grid-body .grid-form .form-body, 
.grid.subgrid .grid-body .grid-panel .panel-body {background-color: #fbd9a3;}	
.grid.subgrid .grid-body .grid-form .form-footer, 
.grid.subgrid .grid-body .grid-panel .panel-footer {background-color: #fbd9a3; padding: 8px;}