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


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

.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;
	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
------------------------------------------------*/
a.file, 
a.icon {
	padding-left 	: 23px;
	padding-top 	: 2px;
	padding-bottom 	: 2px;
}

/*PDF*/
a.pdf:link,
a.pdf:visited {
	background: url(/r/i/icons/silk_set_ie6/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_ie6/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_ie6/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_ie6/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_ie6/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_ie6/page_white_compressed.png) no-repeat left center;
}

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

/*TEXT FILES*/
a.swf:link,
a.swf:visited {
	background: url(/r/i/icons/file16/swf.gif) 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_ie6/film.png) no-repeat left center;
}


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

a.upload:link,
a.upload:visited {
	background: url(/r/i/icons/silk_set_ie6/page_white_get.png) no-repeat left center;
}

a.locked:link,
a.locked:visited {
	background: url(/r/i/icons/silk_set_ie6/lock.png) no-repeat left center;
}
a.unlocked:link,
a.unlocked:visited {
	background: url(/r/i/icons/silk_set_ie6/lock_open.png) no-repeat left center;
}



a.email:link,
a.email:visited,
a.message:link,
a.message:visited {
	background: url(/r/i/icons/silk_set_ie6/email.png) no-repeat left center;
}
a.person:link,
a.person:visited,
a.profile:link,
a.profile:visited {
	background: url(/r/i/icons/silk_set_ie6/user.png) no-repeat left center;
}

a.dashboard:link,
a.dashboard:visited,
a.home:link,
a.home:visited {
	background: url(/r/i/icons/silk_set_ie6/application_home.png) no-repeat left center;
}





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


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


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

.skip-links {
	height:0;
	padding:0;
	position:absolute;
	left:0;
	top:-500em;
	z-index: 9999;
}

.skip-links a:active, 
.skip-links 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: 9999;	
}

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

.accessibility { /* applies to <TABLE> */
	color: #333;
	margin-bottom: 1.5em;
}

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

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

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

.accessibility .key {
	width: 21%;
}

.accessibility .page {
	width: 71%;	
}




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

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





/* ####################################### */
/* ############## SITEMAP ################ */
/* ####################################### */

#sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
}

#sitemap ul li {
	padding: 1em 0;
	font-size: 1.1em;
	border-bottom: 1px solid #ccc;

}

#sitemap ul li a {
	font-weight: bold;
	font-size: 1.1em;
}

#sitemap ul li div {
	color: #999;
	font-style: italic;
	margin-bottom: 0.5em;
}

#sitemap ul ul {
	margin-left: 1em;
}

#sitemap ul ul li {
	margin-bottom: 0.5em;
	font-size: 0.9em;
	border-bottom: 0;
	padding: 0;
}

#sitemap ul ul li a {
	font-weight: normal;
	padding-left: 12px;
	background: url(/r/i/css_framework/graphics/arrow_dark.png) no-repeat 0 50%;
}

#sitemap ul ul li div {
	padding-left: 12px;
}













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











/* ####################################### */
/* ########### EDIT INTERFACE ############ */
/* ####################################### */

#edit-interface {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	padding: 0;
	height: 20px;
}

.interface-container {
	background: rgba(0,0,0, 0.7);
	padding: 5px 10px;
	overflow: hidden;
	border-bottom: 1px solid #49494B;
	display: none;
}

#edit-interface:hover .interface-container {
	display: block;
}

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

.interface-commands li {
	float: left;
}

.interface-commands li a:link,
.interface-commands li a:visited {
	display: block;
	padding: 3px 0.5em;
}