/*  DBS CSS Framework
 *	v 1.0 - April, 2011
 *  Copyright(c) 2011 DeepBlueSky Digital | www.deepbluesky.com
 *
 *  This work is licenced under the Creative Commons Attribution-No Derivative Works 3.0 Unported License. 
 *	http://creativecommons.org/licenses/by-nd/3.0/ 
 *
 *--------------------------------------------------------------------------*/
  
/* DOCUMENT INFORMATION
	- Document: 			"Debug" CSS
	- Description: 			set of styles to aid presentation of PHP debug dialogues
	- Version:  			1.0
	- Author:   			DeepBlueSky
*/


/* ####################################### */
/* ############# =DEBUGGING ############## */
/* ####################################### */


/* DEBUGGING OUTPUT
------------------------------------------------*/

.dObj{
	color: #00FF00;
}
.dVar{
	color: #FF0000;
}
.dInt{
	color: #0D900F;
}
.dType{
	color: #bbbb00;
}
.dWarn{
	color: #FFFF00;
}

.debug-panel-unit pre {
	height:400px;
	overflow:auto;
	background-color:#000000;
	color:#eeeeee;
	font-family:Tahoma;
	font-size:11px;
	padding:3px; 
	text-align:left;
}

.debug-panel-unit .debug-policy-itteration {
	margin-left: 1em;
}

.dToolBox{
	background-color:#BF0000;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BF0000', EndColorStr='#B00000');
	border:2px solid #FFFFFF;
	position:absolute;
	z-index:100;
	right:1em;
	bottom:1em;
	color:#FFFFFF;
	cursor:pointer;
	padding:0.5em;
}

.dToolBox .dPre {
	width	: 100%;
}

.dToolBox table td {
	color:#FFFFFF;
	font-family: Tahoma; font-size: 11px;
}
.dToolBox a, .dToolBox a:hover, .dToolBox a:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Tahoma; 
	font-size: 11px;
	font-weight : bold;
}



/* SQL DEBUGGING
------------------------------------------------*/
.sqlErr{
	border 		: 1px solid #666666;
	padding		: 1em;
	margin		: 1em;
	background	: #111111;
	color		: #ffffff;
	line-height	: 1.4em;
	overflow-x	: auto;
	white-space	: nowrap;
	max-height	: 300px;
	text-align	: left;
	font-family : Tahoma;
}
.sqlHi{
	background		: #660000;
	padding			: 0.1em;
	padding-left	: 0.3em;
	padding-right	: 0.3em;
	margin			: 0.1em;
	border			: 1px solid #880000;
	color			: #ff3333;
}
.sqlSelects{
	margin-left	: 4em;
	font-size	: 0.8em;
}

.iQF_keyword {
	color : #ff934b;
	font-weight : bold;
}
.iQF_function {
	color : #aaaaaa;
}
.iQF_comment,
.iQF_comment .iQF_keyword {
	color : #ffffaa;
}
.iQF_left {
	margin-left : 6em;
	font-size	: 0.8em;
}
.iQF_and {
	margin-left : 6em;
}
.iQF_on {
	margin-left : 6em;
}


/* TEMPLATE DEBUGGING - removed by DS & JM 2011-07-20
adds debugging to show where templates have come from in the include path
-----------------------------------------------------



.debug-wrap {
	border-width	: 0px;
}

span.debug-wrap:hover {
	border-width	: 1px;
}

span.debug-wrap:hover > div.debug-tag {
	display			: inline;
}

.debug-tag {
	display			: none;
	position		: relative;
	float			: left;
	z-index			: 100;
	margin-bottom	: -2em;
	border			: 1px solid;
	opacity			: 0.9;
	padding			: 0.25em;
	cursor			: pointer !important;
	font-size		: 9px;
	border-top		: 0;
	border-left		: 0;
}

.debug-wrap {
	display			: block;
	border			: 0px solid;
	cursor			: pointer !important;
}

.debug-tag-template, .debug-wrap-template {	
	border-color	: #ff0000; 
}
.debug-tag-template {
	color			: #000000; 
	background		: #ffffff; 
}
.debug-tag-snippet, .debug-wrap-snippet {	
	border-color	: #666666; 
}
.debug-tag-snippet {
	color			: #000000; 
	background		: #ffffff; 
}

*/

/* MODULE DEBUGGING
------------------------------------------------*/

.debug-cms-cache {
	font-weight		: bold;
	border			: 1px solid #000000;
	padding-left	: 0.25em;
	padding-right	: 0.25em;
	color			: #00ee00;
	cursor			: pointer;
	background		: #222222;
}
.debug-cms-cache-alarm {
	border			: 1px solid #ffffff;
	color			: #ff0000;
}
.debug-cms-cache-warn {
	border			: 1px solid #ffffff;
	color			: #ffff00;
}





/* BENCHMARKING
------------------------------------------------*/

.debug_bench {
	text-align		: left;
	color			: #ffffff;
}

.bench_graph {
	width			: 350px;
	text-align		: left;
	background		: #222222;
	color			: #ffffff;
	padding-left	: 0;	
	margin-left		: 0;
	display			: none;
	max-height		: 300px;
	width			: 400px;
	overflow-y		: auto;
	overflow-x		: hidden;
}
.bench_graph ul {
	margin 			: 0;
	padding			: 0;
	margin-left		: 0.8em;
}
.bench_graph li {
	list-style		: none;
	padding-left	: 0;	
	margin-left		: 0;
	font-size		: 10px;
	font-family		: Tahoma;
	white-space		: nowrap;
}
.bench_graph .gfx {
	width	: 50px;
	float	: left;
}
.bench_graph .gfx {
	width			: 25px;
	display			: block;
	float			: left;
	text-align		: right;
	padding-right	: 4px;
}
.bench_graph .gfx img {
	height			: 5px;
	vertical-align	: middle;
}
.bench_graph .perc {
	padding-right	: 1em;
	width			: 20px;
	display			: block;
	float			: left;
} 
.bench_graph .q1 img { background-color	: #eeeeee; }
.bench_graph .q1 img { background-color	: #eeeeee; }
.bench_graph .q2 img { background-color	: #008800; }
.bench_graph .q3 img { background-color	: #888800; }
.bench_graph .q4 img { background-color	: #880000; }

.bench_graph .q0 { color	: #666666; }
.bench_graph .q1 { color	: #aaaaaa; }
.bench_graph .q2 { color	: #ffffff; }
.bench_graph .q3 { color	: #cccc00; }
.bench_graph .q4 { color	: #ff0000; }


.debug_bench:hover .bench_graph {
	display	: block;
}

.debug_bench .basic {
	display	: block;
	padding : 0.25em;
}
.debug_bench:hover .basic {
	display	: none;
}

.debug_bench {
	background		: #222222;
	color			: #ffffff;
	position		: fixed;
	bottom			: 0;
	right			: 0;
	margin-right	: 5px;
	margin-bottom	: 5px;
	z-index			: 1000;
	border			: 1px solid #bbbbbb;
	cursor			: pointer;
	padding			: 1px;
}

/**
 *	DebugSession
 */
.debug-panel {
	position		: fixed;
	bottom			: 0;
	left			: 0;
	margin-left		: 5px;
	margin-bottom	: 5px;
	z-index			: 9000;
	line-height: 	: 1.2em !important;
	font-size		: 12px !important;
	font-family: 	: "Trebuchet MS" !important;
	background		: #222222;
	color			: #ffffff;
	border			: 1px solid #bbbbbb;
	cursor			: pointer;
	padding			: 1px 3px;
}
.debug-panel li {
	float			: left;
	clear			: left;
	margin 			: 0.2em;
}
.debug-panel a:link {
	color			: #ffffff;
	float			: left;
	width			: 45px;
}
.debug-panel .debug-panel-unit {
	float			: left;
	min-width		: 320px;
	max-height 		: 400px;
	overflow-y		: auto;
}
.debug-panel .debug-panel-unit pre {
	max-height		: 400px;
	overflow-y		: auto;
}


.debug-panel .info-table {
	width			: 300px;
	background		: #222222;
	border-collapse	: separate;
	border-spacing	: 2px;
}
.debug-panel .info-table td,
.debug-panel .info-table th {
	background		: #333333;
	padding			: 2px;
	color 			: #fff;
	font-size		: 10px; 		
}
.debug-panel .info-table th {
	text-align		: right;
}

.debug-panel .typo-ok {
	color: #00ff00 !important;
}
.debug-panel .typo-error {
	color: #ff0000 !important;
}