.cbrowser { margin: 1em 0 1em 0; }
.cbrowser .functions { margin-top: 8px; float: right; }
.cbrowser .functions input { width: 150px; padding: 2px;  }
.cbrowser .functions div { line-height: 22px; height: 24px; margin-right: 12px; float: left; } 
.cbrowser .functions .search { background: url(/images/templates/default/qb_search.gif) no-repeat center left; padding-left: 20px; }
.cbrowser .functions .insert { background: url(/images/templates/default/qb_new.gif) no-repeat center left; padding-left: 20px; }
.cbrowser .functions .delete { background: url(/images/templates/default/qb_delete.gif) no-repeat center left; padding-left: 20px; }

.cbrowser .records { clear: left; }
.cbrowser .records td { padding: 4px; border-right: 1px solid transparent; border-top: 1px solid #fff; }
.cbrowser .records td.update { text-align: center; } 
.cbrowser .records td.delete { text-align: center; } 

.cbrowser .records { border-collapse: collapse; width: 100%; margin-top: 8px; }
.cbrowser .records .th td { color: #000; font-weight: bold; padding: 0; background-color: #888888; height: 100%; border-right: 1px solid white; text-align: left; }
.cbrowser .records .th td.update { width: 32px; text-align: center; }
.cbrowser .records .th td.delete { width: 32px; text-align: center; }
.cbrowser .records .th td span { padding-left: 4px; }
.cbrowser .records .th a { color: #000;	display: block;	height: 100%; text-decoration: none; line-height: 24px; padding-left: 4px; padding-right: 12px; }
.cbrowser .records .th a:hover { background-color: #ADADAD; }
.cbrowser .records .th a.asc { background-image: url(/images/templates/default/qb_arrowup.gif); background-repeat: no-repeat; background-position: 4px center; }
.cbrowser .records .th a.desc { background-image: url(/images/templates/default/qb_arrowdown.gif); background-repeat: no-repeat; background-position: 4px center; }
.cbrowser .records .th a.active { background-color: #ADADAD; padding-left: 16px; padding-right: 0; }

.cbrowser .records .odd td { background-color: #f0f0f0; border-right: 1px solid #fff; }
.cbrowser .records .even td { background-color: #FFFFFF; border-right: 1px solid #fff; }
.cbrowser .records .odd_hl td, .cbrowser .records .even_hl td, .cbrowser .records update_hl td { background-color: #F7EED6; border-right: 1px solid #F7EED6; }
.cbrowser .records .update td { background-color: #EAFFD4; }

.cbrowser .records td .highlight { color: #fff;	background-color: blue; }

.cbrowser .pagenav { margin: 1em 0 0 8px; }
.cbrowser .pagenav a { color: #000; }
.cbrowser .pagenav .inactive { color: #aaa; }
.cbrowser .pagenav .active { text-decoration: underline; }

.berichten-box .cbrowser .records td.details { width: 300px; }
.berichten-box .cbrowser .records td.datum{ width: 150px; }