/* basic.css contains the basic css styling for all sites. This includes useful classes and debugging styles */
/* The document is clearly structured. If you are adding a new section the please ensure all spellings are consistent between the structure and the section comments */
/* BASIC CSS - standard settings for any website */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* STRUCTURE (nb		: you can use a "find" search on any of the sections below prefixed with a flag ["="] (eg		: "=GENERAL LAYOUT")
++++++++++++

	USEFUL CLASSES
	DEBUGGING

*/






/* ####################################### */
/* ########### =USEFUL CLASSES ########### */
/* ####################################### */

/* CLEAR FIX
------------------------------------------------*/

.clear_all, .clear-all, .e-clear-all{
	clear	: both; 
	margin	: 0px;
	height	: 0px;	
}

.clear	{ clear:both; }


/* COMMON TEXT STYLES
------------------------------------------------*/

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { text-decoration: underline; }
.highlight     { background: #ffc; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.small		   { font-size: 0.9em; }

/* COMMON POSITIONING RULES
------------------------------------------------*/

.float-left    { float:left; }
.float-right   { float:right; }
.img-left      { float:left;margin:0.2em 1em 1em 0; }
.img-right     { float:right;margin:0.2em 0 1em 1em; }

.offScreen {
	position: absolute;
	left: -9999px;
}


/* RESET CLASSES
------------------------------------------------*/

.no-margin-paddding {
	margin: 0;
	padding: 0;
}

.list-reset {
	margin: 0;
	padding: 0;
	list-style: none;
}

.inline-list {
	margin-bottom: 1.5em;
}

.power-list-reset,
.power-list-reset ul,
.power-list-reset ul ul,
.power-list-reset ul ul ul,
.power-list-reset ul ul ul ul,
.power-list-reset ul ul ul ul ul,
.power-list-reset ul ul ul ul ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.nopadding     { padding:0; }
.nomargin	   { margin: 0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


.anchor:link, 
.anchor:visited {
	visibility:hidden;
	color: #999;
	background: #F7F7F7;
	font-size:0.8em;
	vertical-align: super;
	text-decoration: none;
}

h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,
h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
 visibility: visible;
}


/* =FILE TYPE STYLING
------------------------------------------------*/
/*GENERIC*/
.file:link,
.file:visited {
	background: url(/r/i/icons/silk_set/page_white_text.png) no-repeat left center;
}

/*VECTOR DRAWING*/
a.vector:link,
a.vector:visited {
	background: url(/r/i/icons/silk_set_ie6/page_white_vector.png) no-repeat left center;
}

/*PDF*/
a.pdf:link,
a.pdf:visited {
	background: url(/r/i/icons/silk_set/page_white_acrobat.png) no-repeat left center;
}

/*WORD DOC*/
a.doc:link,
a.doc:visited,
a.docx:link,
a.docx:visited {
	background: url(/r/i/icons/silk_set/page_white_word.png) no-repeat left center;
}

/*EXCEL*/
a.xls:link,
a.xls:visited,
a.xlsx:link,
a.xlsx:visited,
a.csv:link,
a.csv:visited {
	background: url(/r/i/icons/silk_set/page_white_excel.png) no-repeat left center;
}

/*POWERPOINT*/
a.ppt:link,
a.ppt:visited,
a.pptx:link,
a.pptx:visited {
	background: url(/r/i/icons/silk_set/page_white_powerpoint.png) no-repeat left center;
}

/*IMAGES*/
a.jpg:link,
a.jpg:visited,
a.gif:link,
a.gif:visited,
a.bmp:link,
a.bmp:visited,
a.tiff:link,
a.tiff:visited,
a.png:link,
a.png:visited {
	background: url(/r/i/icons/silk_set/picture.png) no-repeat left center;
}

/*COMPRESSED FILES*/
a.zip:link,
a.zip:visited,
a.rar:link,
a.rar:visited {
	background: url(/r/i/icons/silk_set/page_white_compressed.png) no-repeat left center;
}

/*TEXT FILES*/
a.txt:link,
a.txt:visited {
	background: url(/r/i/icons/silk_set/page_white_text.png) no-repeat left center;
}

/*MOVIE FILES*/
a.mov:link,
a.mov:visited,
a.mp4:link,
a.mp4:visited,
a.mpe:link,
a.mpe:visited,
a.mpeg:link,	
a.mpeg:visited,
a.mpg:link,
a.mpg:visited,
a.avi:link,
a.avi:visited,
a.flv:link,
a.flv:visited,
a.wmv:link,
a.wmv:visited,
a.mp4:link,
a.mp4:visited {
	background: url(/r/i/icons/silk_set/film.png) no-repeat left center;
}






/* ####################################### */
/* ########### ACCESSIBILITY ############ */
/* ####################################### */


/* ACCESSIBILITY LINKS
------------------------------------------------*/

#skipLinks {
	height:0;
	padding:0;
	position:absolute;
	left:0;
	top:-500em;
}

#skipLinks a:active, 
#skipLinks a:focus {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid red;
	color:#000000;
	padding:3px;
	position:absolute;
	left:0.25em;
	top:500.25em;
	white-space:nowrap;
	z-index:5;
}

/* ACCESSIBILITY
------------------------------------------------*/

table.accessibility {
	color: #333;
}


table.accessibility th,
table.accessibility td {
	padding: 1% 2%;
}



table.accessibility th {
	font-weight: bold;
	border: 1px solid #999;
	color: #000;
	background: #FFFFCE;
}

table.accessibility tr td {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
} 
	

table.accessibility tr td.key {
	width: 21%;
}

table.accessibility tr td.page {
	width: 71%;	
}




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

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




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



/* ####################################### */
/* ####### UPDATED ERROR MESSAGES ######## */
/* ####################################### */

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











/* ####################################### */
/* ################# AJAX ################ */
/* ####################################### */

/* AJAX 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;	
}
.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;
	white-space		: nowrap;
}









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


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

.dObj{
	color: #00FF00;
	font-weight:bold;
}
.dVar{
	color: #FF0000;
	font-weight:bold;
}
.dInt{
	color: #0000FF;
	font-weight:bold;
}
.dType{
	color: #bbbb00;
	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;
}



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

.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;
}
.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			: 1000;
	
	font-size		: 10px;
	background		: #222222;
	color			: #ffffff;
	border			: 1px solid #bbbbbb;
	cursor			: pointer;
	padding			: 1px 3px;
}
.debug-panel li {
	float			: left;
	clear			: left;
}
.debug-panel a:link {
	color			: #ffffff;
	float			: left;
}
.debug-panel .debug-panel-unit {
	float			: left;
}



.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;
	border			: 1px solid #555555;
}
.debug-panel .info-table th {
	text-align		: right;
}