div.database-debug { font-family: Tahoma, Geneva, sans-serif; font-size: 8.25pt; 
	border: 1px solid #DDD; background: #F4F4F4; padding: 4px; margin: 4px 0; 
	position: relative; }
div.database-debug td, div.database-debug th { font-family: Tahoma, Geneva, sans-serif; font-size: 8.25pt; 
                                               text-overflow:  ellipsis; white-space: nowrap }

div.database-debug span.backtrace { display:  inline-block; float: right; color: #BBB; margin-right: 24px; }
div.database-debug.expandable span.backtrace { margin-right: 8px; }
	
div.database-debug.error { background: #C40; color: white; font-weight: bold; border: none; padding: 10px; }

div.database-debug.result { display: block; }
	
div.database-debug code.message { font-family: Tahoma, Geneva, sans-serif; font-size: 8.25pt;
	display: block; border-top: 1px solid #DDD; border-color: rgba(0, 0, 0, 0.1); margin-top: 4px; padding-top: 4px; font-weight: normal; }
	
div.database-debug code.query { background: rgba(255, 255, 255, 0.10); padding: 4px 4px; display: block; margin-top: 4px; 
	font-family: Consolas, 'Lucida Console', 'Courier New', courier, monospace; font-size: 9pt; font-weight: normal; 
	color: white; }
div.database-debug.error code.query { margin-top: 10px; }

div.database-debug div.debughintvalue { display: none; position: absolute; overflow: hidden; 
	background: #FFF; border: 1px solid #BBB; padding: 10px; top: 20px; z-index: 1000; }
div.database-debug:hover div.debughintvalue { display: block; }

div.database-debug ul.debug { margin: 0; padding: 0; }
div.database-debug ul.debug li { list-style: none; margin: 0; padding: 0; }
div.database-debug ul.debug li span.colon { display: none; }
div.database-debug ul.debug li span.field,
div.database-debug ul.debug li span.index { display: inline-block; width: 100px; overflow: hidden;
	background: #EEE; padding: 2px; text-align: right; color: #666; }
div.database-debug ul.debug li span.index { width: 80px; text-overflow: ellipsis}
div.database-debug ul.debug li span.value { display: inline-block; padding: 2px; vertical-align: top; }
div.database-debug ul.debug li span.value ul { margin: -2px 0 8px -2px; }

div.database-debug div.debug-table { border-top: 1px solid #DDD; margin: 4px -4px -4px; background:  white; 
                                     width: 100%; overflow: auto; max-height: 250px; padding-right: 8px; }
div.database-debug div.debug-table table { border-collapse: collapse; }
div.database-debug div.debug-table table td, 
div.database-debug div.debug-table table th { min-width: 20px; padding: 4px 16px 4px 4px; border:  1px solid #EEE }
div.database-debug div.debug-table table th { text-align: left; background:  #DDD; border-bottom: 1px solid #BBB; 
                                              border-top: none; text-shadow: 1px 1px 1px rgba(255,255,255,0.25);
                                              background: linear-gradient(to bottom, #EEE 0%,#DDD 25%,#DDD 90%,#CCC 100%); }
div.database-debug div.debug-table table tr:nth-child(odd) td { background: #F4F4F4; }
div.database-debug div.debug-table table tr:last-child td { border-bottom: none; }
div.database-debug div.debug-table table tr td:first-child,
div.database-debug div.debug-table table tr th:first-child { border-left: none; }
div.database-debug div.debug-table table tr td:last-child,
div.database-debug div.debug-table table tr th:last-child { border-right: none; }

div.database-debug.object div.debug-table table th { background: #E4E4E4; font-weight: normal; 
    text-shadow: none; text-align: right; padding-right: 4px; padding-left: 16px; 
    border-color: #EEE; border-right-color: #BBB; }
div.database-debug.object div.debug-table table tr:first-child td { border-top: none; }
div.database-debug.object div.debug-table table tr:last-child th { border-bottom: none; }

div.database-debug.expandable:hover { background-color: #F8F4EE; }
div.database-debug span.ux-expander { width: 16px; height: 16px; float: right; overflow: hidden; display: block; }
div.database-debug span.ux-expander i { background: url('../img/debug/expander.png') 0 0 no-repeat; 
                                        width: 16px; height: 16px; overflow: hidden; display: block; }
div.database-debug:hover span.ux-expander i { background-position: 0 -16px; }
div.database-debug.collapsed span.ux-expander i { background-position: -16px 0; }
div.database-debug.collapsed:hover span.ux-expander i { background-position: -16px -16px; }