/* Default/Fallback CSS */

/* Hello World */

body {
	font-family : Tahoma;
	font-size 	: 11px;
	color 		: #222222;
}

table {
	border-collapse : collapse;
}

td {
	/*border 		: 1px solid #DDDDDD;*/
	font-size 	: 11px;
}

h1 {
	font-family : Tahoma;
	font-size 	: 14px;
	line-height : 100%;
}
h2 {
	font-family : Tahoma;
	font-size 	: 12px;
	line-height : 100%;
}



/* Tools */
.toggle-open .toggle-icon{
	font-family : Arial, sans-serif !important;
	/*font-size : 1.7em;*/ /* Fixed in ie-6-fixes */ 
	cursor : pointer;
	line-height : 0.5em;
	position : relative;
	top:3px;
}
.toggle-closed .toggle-icon{
	font-family : Arial, sans-serif !important;
	cursor : pointer;
}

.toggle-icon {
	x-float : right;
}


/* Debugging output */
.dObj{
	color: #00FF00;
	xfont-weight:bold;
}
.dVar{
	color: #FF0000;
	padding-right: 0.5em;
	padding-left: 0.5em;
	x-font-weight:bold;
}
.dInt{
	color: #FFFF00;
	x-font-weight:bold;
}
.dType{
	color: #666666;
	font-weight:bold;
}
.dWarn{
	color: #FFFF00;
	font-weight:bold;
}
.dNull{
	color: #5555ff;
}
.dPre, pre{
	width:100%;
	height:400;
	overflow:auto;
	background-color:#000000;
	color:#eeeeee;
	font-family:Tahoma;
	font-size:11px;
	padding:3px; 
	text-align:left;
}


.dToolBox{
	/*width:100;*/
	background-color:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BF0000', EndColorStr='#B00000');
	border:1px solid #222222;
	position:absolute;
	z-index:100;
	right:1em;
	bottom:1em;
	color:#FFFFFF;
	cursor:pointer;
}
.dToolBox table td{
	color:#FFFFFF;
	font-family: Tahoma; font-size: 11px;
}
.dToolBox a, .dToolBox a:hover{
	text-decoration:none;
	color:#FFFFFF;
	font-family: Tahoma; font-size: 11px;
}







/* 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;
	margin-left		: -0.3em;
	margin-right	: -0.3em;
	border			: 1px solid #880000;
	color			: #ff3333;
	z-index			: -1;
}
.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...
 */
/*
.debug-tag {
	position		: absolute;
	float			: right;
	z-index			: 100;
	background		: #ff5555;
}
*/
.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;
	xtop			: -2em;
	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; 
}






/** 
 * CSS Corners :: Credit to Stu Nicholls @ www.cssplay.co.uk for the idea
 */
/** Probably best not to tinker with this... look further down!!. **/
.ccbox {
	position:relative; 
}
#ctl, #cbl, #ctr, #cbr {
	position:absolute; 
	width:8px; 
	height:8px; 
	overflow:hidden; 
	font-style:normal; 
	z-index:1;
}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.ccbox em b {
	position:absolute; 
	font-size:70px; 
	font-family:arial; 
	line-height:20px; 
	font-weight:normal;
}
#ctl b {left:-4px; top:0px;}
#ctr b {left:-14px; top:0px;}
#cbl b {left:-4px; top:-9px;}
#cbr b {left:-14px; top:-9px;}
.ccbox p { position:relative; z-index:100; padding:5px 10px; line-height: 1em; border:1px solid #FFFFFF;}
/** ~~ Section Ends ~~ **/



/** COLOUR SELECTIONS **/

 /* Error Box ( Red ) */
 
 /* Background Colour */
 .ccb-red em b, #ctl, #cbl, #ctr, #cbr { 
 	color		: #FFA8A8; }
 .ccb-red {	
 	background	: #FFA8A8; }
 /* Foreground Colour */
 .ccb-red {	
 	color		: #9D0505; } 
 
 /* Warning Box ( Yellow ) */
 /* Background Colour */
 .ccb-green em b, #ctl, #cbl, #ctr, #cbr { 
 	color		: #B5EDBC; }
 .ccb-green {	
 	background	: #B5EDBC; }
 /* Foreground Colour */
 .ccb-green {	
 	color		: #196723; }

/* Ok Box ( Green ) */
/* Background Colour */
.ccb-yellow em b, #ctl, #cbl, #ctr, #cbr { 
	color		: #FFCC66; }
.ccb-yellow {	
	background	: #FFCC66; }
/* Foreground Colour */
.ccb-yellow, .ccb-yellow a {	
	color		: #402B02; }


/* Ok Box ( Green ) */
/* Background Colour */
.ccb-blue em b, #ctl, #cbl, #ctr, #cbr { 
	color		: #B7C9ED; }
.ccb-blue {	
	background	: #B7C9ED; }
/* Foreground Colour */
.ccb-blue {	
	color		: #1E3C78; }




/* Box Size */
.ccbox { xwidth	: 20%; margin: 1em auto; }
/* Box Content */
.ccbox { font-size : 12px; xfont-family : "Trebuchet MS"; line-height: 2em;}
/* Match corners to body background */

#ctl, #cbl, #ctr, #cbr { background-color : #ffffff; }

.ccbox .x {
	font-family : Webdings;
	cursor		: pointer;
	float		: right;
	top			: -3px;
	right		: -3px;
	position 	: relative;
}

.ccbox-mini {
	float		: right;
	cursor		: pointer;
	position 	: relative;
	top			: -1px;
	margin-left	: 0.5em;
}


/** END CSS CORNERS **/







/**
 *	PlotKit Legends
 */
.plotkit-legend		{
	border			: 2px solid #eeeeee;
	padding			: 1em;
}

.plotkit-legend-item	{
	padding-top		: 0.25em;
	padding-bottom	: 0.25em;
}

.plotkit-legend-icon {
	margin-right 	: 0.5em;
	vertical-align	: middle;
	border-top		: 1px solid #dddddd;
	border-left		: 1px solid #dddddd;
	border-bottom	: 1px solid #aaaaaa;
	border-right	: 1px solid #aaaaaa;
}

.plotkit-legend-alpha {
	font-weight		: bold;
	width			: 2em;
}

.plotkit-legend-markers {
	float			: left;
}
.plotkit-legend-text {
	margin-left		: 4em;
}
.plotkit-canvas-outer {
	text-align		: center;
}








.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}