/*================================================================
	BASE stylesheet
================================================================*/













/**
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * REALLY USEFUL LITTLE CLASSES
 */

/** Use to clear out long pages and not break the background 
 *	Thanks : http://www.ozzu.com/ftopic62876.html
 */
.clear_all, .clear-all, .e-clear-all{
	clear	: both; 
	margin	: 0px;
	height	: 0px;
	
}
.nowrap {
}

.accessibility-header {
	text-indent: -9999px;
	position: absolute;
}

h4 a.anchor {
	display: none;
}


/** Ends REALLY USEFUL LITTLE CLASSES **/





.clear_all:after, .clear-all:after, .e-clear-all: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 */
}







/**
 *	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;
}



.error_ERROR { display : block; color : #880000; font-weight: bold; }
.error_WARNING { display : block; color : #000088; font-weight: bold; }
.error_NOTICE { display : block; color : #888888; font-weight: normal; font-size : 11px;}
.error_DEBUG { display : block; color : #DDDDDD; font-weight: bold; }







/* ####################################### */
/* ############## MESSAGES ############### */
/* ####################################### */

.message {
	border-width: 1px;
	border-style: solid;
	margin: 0 0 1.6666666666666666666666666666667em 0px;
	padding: 0.83333333333333333333333333333333em 10px;	
	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;  
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px #e1e1e1;  
	-moz-box-shadow: 0 0 10px #e1e1e1; 
	box-shadow: 0 0 10px #e1e1e1;   
}

.ok {
	color: #008800;
	background-color: #ccffcc;
}

.notice {
	color: #00529B;
	background-color: #BDE5F8;
}

.warn {
	color: #9F6000;
	background-color: #FEEFB3;
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
}













/** 
 * 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;}
/** ~~ Section Ends ~~ **/

.ccb-underlay {
	display : none;
}

/** COLOUR SELECTIONS **/

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

/* Ok Box ( Green ) */
/* Background Colour */
.ccb-yellow em b, #ctl, #cbl, #ctr, #cbr { 
	color		: #FFCC66 !important; }
.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 !important; }
.ccb-blue {	
	background	: #B7C9ED; }
/* Foreground Colour */
.ccb-blue, .ccb-blue a {	
	color		: #1E3C78; }

 
 /* Background Colour */
 .ccb-white em b, #ctl, #cbl, #ctr, #cbr { 
 	color		: #eeeeee; 
	}
 .ccb-white {	
 	background	: #eeeeee; }
 /* Foreground Colour */
 .ccb-white, .ccb-red a {	
 	color		: #444444; } 

 .ccb-white .ccb-green em b, #ctl, #cbl, #ctr, #cbr { background		: #eeeeee }
 .ccb-white .ccb-red em b, #ctl, #cbl, #ctr, #cbr { background		: #eeeeee }
 .ccb-white .ccb-blue em b, #ctl, #cbl, #ctr, #cbr { background		: #eeeeee }
 .ccb-white .ccb-yellow em b, #ctl, #cbl, #ctr, #cbr { background		: #eeeeee }
	
	
	
.ccbox a {
	font-weight : bold;
}



.ccbox-outer { text-align:center; }
/* Box Size */
.ccbox { width	: 75%; margin: 1em auto; margin-left : auto; xtext-align: left; }
.ccbox-xxx ul { margin:0; padding:0; line-height : 0;}


/* Box Content * /
.ccbox { font-size : 12px; font-family : "Trebuchet MS"; }
/* 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;
}
.x-close {
	position 	: relative;
	top			: -3px;
	right		: -3px;
	font-family : Webdings;
}

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




/**
 *	SAF Loader
 */

 

/* SAF Loader Box */
.saf_loader{ 
	position	: absolute; 
	z-index		: 10;
}
.saf_loader .inner{
	position		: absolute; 
	color 			: #ffffff;
	font-size		: 12px;
	margin 			: auto;
	z-index			: 12;
	padding-top		: 10px;	
	padding-left	: 10px;	
	white-space		: nowrap;
}
.saf_loader .transbg{
	/* bg-alpha */ 
	position		: absolute; 
	z-index			: 11;
	background-color: #FFFFFF;
	filter			: alpha(opacity=75);
	-moz-opacity	: 0.7;
	opacity			: 0.75;
}

.saf_loader .msg{
	/* bg-alpha */ 
	margin 			: 10px;
	position		: absolute; 
	z-index			: 11;
	padding 		: 10px;
	background-color: #BF0000;
	color 			: #ffffff;
	filter			: alpha(opacity=75);
	-moz-opacity	: 0.7;
	opacity			: 0.75;
}





/**
 *	Toggle Units
 */

.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-unit {
	clear : right;
}





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



.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 pre {
	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;
}



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

/**
 *	SQL Debugging.. 
 */
.sqlErr{
	border 		: 1px solid #666666;
	padding		: 1em;
	margin		: 1em;
	background	: #111111;
	color		: #ffffff;
	line-height	: 1.5em;
	overflow-x	: hidden;
	white-space	: nowrap;
	max-height	: 300px;
	text-align	: left;
}
.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;
}







/**
 *	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; 
}



/**
 *	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;
}





/**
 *	Benchmarking
 */
.bench_graph {
	width			: 350px;
	text-align		: left;
	background		: #222222;
	color			: #ffffff;
	padding-left	: 0;	
	margin-left		: 0;
	display			: none;
}
.bench_graph li {
	list-style		: none;
	padding-left	: 0;	
	margin-left		: 0;
	font-size		: 10px;
	font-family		: Tahoma;
}
.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 .q2 img { background-color	: #008800; }
.bench_graph .q3 img { background-color	: #888800; }
.bench_graph .q4 img { background-color	: #880000; }

.bench_graph .q1 { color	: #888888; }
.bench_graph .q2 { color	: #aaaaaa; }
.bench_graph .q3 { color	: #cccccc; }
.bench_graph .q4 { color	: #eeeeee; }


.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		: absolute;
	bottom			: 0;
	right			: 0;
	margin-right	: 5px;
	margin-bottom	: 5px;
	z-index			: 1000;
	border			: 1px solid #bbbbbb;
	cursor			: pointer;
	padding			: 1px;
}