.grid-header { padding: 7px; background-color: #5183B1; color: #ffffff; height: 100%; overflow: auto;}
.grid-header h2 {color: #ffffff; font-size: 1.2em; margin-bottom: 10px;}

.grid { width: 100%; clear: both; background-color: #eff2f6; margin: 0px; border: 1px solid #C0C0C0; border-collapse: collapse; cursor: default; table-layout: fixed;}

.grid-container table {}

.grid-scrollable { overflow-x: auto; overflow-y: auto; }
.grid-scrollable table {table-layout: auto;}

.grid th a:link { color: #003366; font-weight: bold; text-decoration: underline; white-space: nowrap; cursor: pointer; }
.grid a:hover { color: #dd2c0d; text-decoration: underline; }
.grid td { background-color: #FFFFFF; padding: 4px; border: solid 1px #c1c1c1; color: #000000; height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grid th { padding: 0px 2px 0px 2px; border: solid 1px #a5acb5; font-weight: bold; background-image: url('../images/grid/table_header.png'); background-repeat: repeat; height: 25px; color: #003366; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alternating-row td { background-color: #F3F3F3; }

.grid-header p { margin: 0; line-height: normal; }
.grid-header a:link { color: #FFFFFF; }
.grid-header a:hover { color: #000000; }

.grid-header .pager {line-height: 2em; vertical-align: middle;}

/* Alignment for column types */
.col-radio-button { text-align: center; padding: 0; }
.col-text { text-align: left; }
.col-number { text-align: right; }