/** Unified css file; Created by Spirit|Framework Mon, 13 Feb 2012 00:00:49 +0000 **/ 
/* Normalises margin and padding */

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalises font-size for headers */

h1, h2, h3, h4, h5, h6, legend, pre, code {
	font-size: 1em;
}

/* Removes auto border from linked images */
a img,:link img,:visited img { 
  border: none;
}

/* removes the dotted focus box when a link is actually clicked (ie: active) */
a:active,
a:hover {
	outline: none;
}

/* Normalises font-style and font-weight to normal */

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes list-style from lists */

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}

/* Left aligns text in caption and th */

caption, th {
	text-align: left;
}




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


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


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

a.search:link,
a.search:visited {
	background: url(/r/i/icons/silk_set_ie6/magnifier.png) no-repeat left center;
}
a.go:link,
a.go:visited {
	background: url(/r/i/icons/silk_set_ie6/bullet_go.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;
}
/* ####################################### */
/* ############# STRUCTURAL ############## */
/* ####################################### */

.section {
	clear: both;
}

/* SECTION LAYOUT - HORIZTONAL
------------------------------------------------*/

.a-layout-horizontal .section {
	width: 100%;
}

.a-layout-horizontal .section-inner {
	margin: 0 auto;
	width: 960px;
}


/* SECTION LAYOUT - HORIZTONAL
------------------------------------------------*/

.a-layout-vertical .section {
	margin: 0 auto;
	width: 960px;
}


/* ####################################### */
/* ############ COLUMN GRIDS ############# */
/* ####################################### */

.e-main-content,
.e-sub-content,
.e-tertiary-content {
	padding: 20px;
}


/* Two Column Sub Right
------------------------------------------------*/

.two-col-right .e-main-content {
	float: left;
	width: 600px;
}

.two-col-right .e-sub-content {
	float: right;
	width: 280px;
}


/* Two Column Sub Left
------------------------------------------------*/

.two-col-left .e-main-content {
	float: right;
	width: 600px;
}

.two-col-left .e-sub-content {
	float: left;
	width: 280px;
}


/* Three Column Sub Left
------------------------------------------------*/

.three-col-left .e-main-content {
	float: left;
	width: 520px;

}

.three-col-left .e-sub-content {
	float: left;
	width: 160px;

}

.three-col-left .e-tertiary-content {
	float: left;
	width: 160px;

}html {
	height: 100%; /* force height of window to be 100% (Chrome bug) */
}

body {
	background-color: #fff;
	margin: 0; 
	padding: 0;
}

/* ####################################### */
/* ############## HEADER ################# */
/* ####################################### */

#header {		/* ensures that drop downs can appear over content */
	position: relative;
	z-index: 500;
}

/* ####################################### */
/* ############## CONTENT ################ */
/* ####################################### */

#content {		/* ensures that drop downs can appear over content */
	position: relative;
	z-index: 1;
}

.a-layout-horizontal #content .section-inner {
	overflow: hidden;
}


/* ####################################### */
/* ############### FOOTER ################ */
/* ####################################### */

#footer .section-inner {
	padding: 10px 0;
	overflow: hidden;
}

#site-copyright {
	float: left;
	clear: left;
}

#site-credits {
	float: right;
	text-align: right;
}

#site-credits p {
	margin-bottom: 0;
}

#site-info-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#site-info-links li {
	float: left;
	margin-right: 10px;
}





/* ####################################### */
/* ############### IMAGES ################ */
/* ####################################### */

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

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

.img-border {
	padding: 1px;
	border: 1px solid #e1e1e1;
}









/* ####################################### */
/* ############## WIDGETS ################ */
/* ####################################### */

/* SLIDESHOW
------------------------------------------------*/

#page-image {
	position: relative;
}

.slide-show-container {
	position: relative;
}

.slide-show {
	display:block;
	height:270px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;

}

.slide-show-slide {
	bottom:0;
	height:270px;
	left:0;
	position:absolute;
	top:0;
	z-index:108;
}

.slide-show-slide img {
	left: -9999px;
	position:absolute;
	vertical-align:bottom;
}

.slide-show-information {
	bottom:0;
	color:#FFFFFF;
	font-size:0.9em;
	left:0;
	padding:10px 20px;
	position:absolute;
	z-index:110;
}

#slide-caption {
	margin:5px 0 0 0;
	float: left;
}

#slide-show-controls {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	float: right;
}

#slide-show-controls li {
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:26px;
	margin-right:5px;
	text-indent:-9999px;
	width:27px;
}
#slide-show-stop {
	background-image:url(/r/i/css_framework/graphics/slide_show_pause.gif);
}
#slide-show-next {
	background-image:url(/r/i/css_framework/graphics/slide_show_next.gif);
}
#slide-show-previous {
	background-image:url(/r/i/css_framework/graphics/slide_show_previous.gif);
}
#slide-show-play {
	background-image:url(/r/i/css_framework/graphics/slide_show_play.gif);
}














/* SHARE WIDGET
------------------------------------------------*/

.share-widget {
	overflow: hidden;
}

.share-widget p {
	margin: 0;
}

.share-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 220px;
}

.share-widget li {
	float:left;
	margin-right:10px;
}
.share-widget a:link, 
.share-widget a:visited {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:32px;
	opacity:0.9;
	width:32px;
}
.share-widget a:hover, 
.share-widget a:focus {
	opacity:1;
}

.share-widget span {
	left:-9999px;
	position:absolute;
}

.share-widget .twitter a {
	background-image: url(/r/i/icons/socialmediaicons/twitter-32x32.png);
}
.share-widget .facebook a {
	background-image: url(/r/i/icons/socialmediaicons/facebook-32x32.png);
}
.share-widget .delicious a {
	background-image: url(/r/i/icons/socialmediaicons/delicious-32x32.png);
}
.share-widget .digg a {
	background-image: url(/r/i/icons/socialmediaicons/digg-this-32x32.png);
}
.share-widget .stumble-upon a {
	background-image: url(/r/i/icons/socialmediaicons/stumbleupon-32x32.png);
}
.share-widget .reddit a {
	background-image: url(/r/i/icons/socialmediaicons/reddit-32x32.png);
}


/* GOOGLE MAPS
------------------------------------------------*/

#google-map {
	height: 250px;
}




/* ####################################### */
/* ####### BLOG UNSUBSCRIBE BUTTON ####### */
/* ####################################### */

.comment-subscription {
	margin: 20px 0;
}

.comment-subscription a:link,
.comment-subscription a:visited {
	text-decoration: none;
	background: #F8F8F8;
	width: 200px;
	text-align: center;
	border: 1px solid  #ccc;
	display: block;
	padding: 5px 10px;
}

.comment-subscription a:hover,
.comment-subscription a:focus {
	background: #E4E4E4;
}












/* ####################################### */
/* ############# NAV PRIMARY ############# */
/* ####################################### */

.nav-primary-level-1,
.nav-primary-level-2,
.nav-primary-level-3 {		/* Top Level <ul> */
	margin: 0;
	padding: 0;
	list-style: none;
	height: 2.5em;
	list-style-position: outside /* forces the bullet markers to the left of the text */
}

.pri-level-1-item {
	float: left;
	line-height: 2.5em;
	position: relative;
}

.pri-level-1-item a:link,
.pri-level-1-item a:visited {
	display: block;
	height: auto;
	padding: 0 20px;
	text-align: center;
	width: auto;
	text-decoration: none;
}

/* 1st level dropdown
------------------------------------------------*/

.nav-primary-level-2 { 
	height: auto;
	left: -9999px;
	position: absolute;
	width: 	auto;	/* inherit the width of the parent li a */
	z-index: 500;
	display: none;
}

.pri-level-2-item {
	float: none; 	/* cancels elements lining up on one line */	
	vertical-align: bottom; /* This fixes the IE5 Win gap (no harm done to modern browsers) */
	white-space: nowrap;
	width: auto;	/* inherit the width of the parent <ul> */		
	position: relative;
}

.pri-level-2-item a:link,
.pri-level-2-item a:visited {
	text-align: left; /* cancels centering of text in top level anchors */
	width: auto;
	height: 1%;	/* ensures that li can expand to any height */
}

/* 2nd level dropdown */

.nav-primary-level-3 {
	display: none;
	height:auto;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 501;
}


/* Show/hide dropdowns
------------------------------------------------*/

/* 2nd Level :hover  (hovering over top level li)  */
.pri-level-1-item:hover .nav-primary-level-2 {
	left: auto;
	display: block;
}

/* make the 3rd level visible when you hover over second level li  */
.pri-level-1-item:hover .pri-level-2-item:hover .nav-primary-level-3 { 
	left: 100%;
	display: block;
}

/* keep the 3rd level hidden when you hover on first level list or link */
.pri-level-1-item:hover .nav-primary-level-3 {
	display: none;
}





/* ####################################### */
/* ############## NAV SUB ################ */
/* ####################################### */

.nav-sub-parent {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.nav-sub-level-1,
.nav-sub-level-2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-sub a:link,
#nav-sub a:visited {
	display: block;
	height: 1%;
}

.nav-sub-level-2 {
	font-size: 0.9em;
}

/*MISC*/

.non-link {
	text-decoration: line-through;
	display: block;
	cursor: crosshair;
}
/* ####################################### */
/* ############### GENERIC ############### */
/* ####################################### */

form {
	height: 1%; /* stops IE6 going mental!!! - containing floats */
}

.f1 {
	overflow: hidden; /* stops FF going mental - containing floats */
}

.fs-container {
	margin-bottom: 1.5em;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.f-block {
	clear: both;
	overflow: hidden;
	padding: 0.5em 0;
}

legend {
	font-weight: bold;
	color: #111;
	margin: 0;
	padding: 0;
}

.f1 label,
.f1 .f-lh-label {
	font-weight: normal;
	padding: 0.5em 10px;
	margin: 0 1em 0 0;
	display: block;
	float: left;
}

.special-note {
	font-size: 0.9em;
	font-style: italic;
	padding-left: 20px;	
}

/* ####################################### */
/* ########### TXT, EMAIL, TXR ########### */
/* ####################################### */

.f-txs label,
.f-ema label,
.f-area label,
.f-ful label,
.f-dtd label,
.f-autocomplete label,
.f-yon .f-lh-label,
.f-select label {
	width: 100px;
	text-align: right;
}

.f-txs input,
.f-ema input {
	float: left;
}


.f-txs input,
.f-ema input,
.f-dtd input,
.f-area textarea,
.f-autocomplete ul.holder,
.f-select select {
	background:#FAFBFC url(/images/form_input_bg.jpg) repeat-x scroll 0 0;
	border-color:#A8A8A8 #D8D8D8 #D8D8D8 #A8A8A8;
	border-style:solid;
	border-width:1px;
	padding:0.5em 10px;
	width:280px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1em;
}

.f-txs input:hover,
.f-ema input:hover,
.f-dtd input:hover,
.f-area textarea:hover {
	border-color:#C0CAD2 #E8EBEE #E8EBEE #C0CAD2;
}

.f-txs input:focus,
.f-ema input:focus,
.f-dtd input:focus,
.f-area textarea:focus {
	border-color:#A9CCE9 #E0ECF7 #E0ECF7 #A9CCE9;
}

.f-area textarea {
	height: 150px;
}


/* ####################################### */
/* ############### BOOLEAN ############### */
/* ####################################### */

.f-bln {
	padding: 1em 0 1em 120px;
}

.f-bln-label-txt,
.f-radio-label-txt {
	font-weight: normal;
	padding: 0.5em 10px;
	margin: 0 1em 0 0;
	cursor: pointer;
}

.f-bln input,
.f-radio input {
	float: left;
	height: 1.4em;
}

/* ####################################### */
/* ################# YON ################# */
/* ####################################### */

.f-yon .f-lh-label {
	font-weight: bold;
}

.f-yon-block label {
	padding: 0.16666666666666666666666666666667em 0;
}

.f-yon-block .f-yon-label-txt {
	font-weight: normal;
	padding: 0.5em 10px;
	margin: 0 1em 0 0;
	cursor: pointer;
	display: inline-block;
	width: 100px;
}

.f-yon-block input {
	float: left;
	height: 2.1em;
}



/* ####################################### */
/* ################ SELECT ############### */
/* ####################################### */



.f-select select {
	float: left;
	padding: 0.5em 0;
	width: 303px;
}



/* ####################################### */
/* ################## SET ################ */
/* ####################################### */

.f-block-set-label {
	float 			: left;
	width 			: 10em;
	margin-right 	: 1em;
	text-align 		: right;
	font-weight 	: normal;
	padding 		: 2px;
}
.f-set {
	clear 	: none;
}
.f-set-group label {
	width	:	8em;
}

/* ####################################### */
/* ############## FILE UPLOAD ############ */
/* ####################################### */

.f-ful label {
	width: 10em;
}


/* ####################################### */
/* ############## AUTOCOMPLETE ############ */
/* ####################################### */

form .f1 fieldset .f-autocomplete {
	overflow:visible;
}

.f-autocomplete .auto-complete-list {
	position: absolute;
	left: 174px;
	z-index: 9999;
	clear: left;
}

.f-autocomplete .help-note {
	color:#AAAAAA;
	font-size:0.8em;
	margin-left:18em;
	text-align:left;
}


/* ####################################### */
/* ########## MULIE IMAGE UPLOAD ######### */
/* ####################################### */

.multiple-image-upload th,
.multiple-image-upload td {
	padding: 0.5em 5px 0.5em 5px;
}


.multiple-image-upload .is-primary input {
	margin-left: 15px;
}

.multiple-image-upload label {
	position: absolute;
	left: -9999px;
}

/* MULTI IMG FILE UPLOAD BOXES
------------------------------------------------*/

.multiple-image-upload div.f-ful {
	overflow	: hidden;
	width		: 93px;
	height		: 75px;
	position	: relative;
	border		: 1px solid #A8A8A8;
	padding		: 1px;
}

.multiple-image-upload div.f-ful:hover {
	border-color: #333;
}

.multiple-image-upload .f-ful label {
	background 	: no-repeat 50% 50%;
	position	: static;
	width		: 100%;
	height		: 100%;
	padding: 0;
	margin: 0;
	cursor			: pointer;
}
.multiple-image-upload .f-ful label span {
	position 	: absolute;
	left		: -99999px;
}

.multiple-image-upload .f-ful input {
	font-size 		: 100px;		/* this ensures the input is large enough to "cover" the background image */
		filter			: alpha(opacity=0); 
		filter			: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
		-moz-opacity	: 0.00; 
	opacity			: 0;
	position		: absolute;
	right			: 0;
	cursor			: pointer;
}


/* MULTI IMG RADIO
------------------------------------------------*/

.multiple-image-upload .f-block,
.multiple-image-upload .f-radio label {
	margin: 0;
	padding: 0;
}

.multiple-image-upload .f-radio label {
	vertical-align: middle;
	position: static;
}

.multiple-image-upload .f-radio {
	padding-top: 0.5em;
}

.multiple-image-upload .is-primary label {
	width: 75px;
	text-align: center;
}

.multiple-image-upload .remove a:link,
.multiple-image-upload .remove a:visited {
	display: block;
	margin: 0 auto;
	padding: 0.5em 0 0 10px;
}


/* MULTI IMG TXS INPUTS
------------------------------------------------*/
.multiple-image-upload .f-txs input {
	width: 240px;
}


#__xBlock_news_images_add_row a:link,
__xBlock_news_images_add_row a:visited {
	background: #DFDFDF url(/r/i/css_framework/graphics/form_legend_bg.jpg) repeat-x 0 0;
	display: inline-block;
	padding: 5px 20px;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 50px;
	color: #333;
	font-size: 0.9em;
	text-decoration: none;
}

#__xBlock_news_images_add_row td {
	text-align: right;
	color: #333;
	text-shadow: 1px 1px 0px #f2f2f2;
}


/* ####################################### */
/* ############### SUBMIT ################ */
/* ####################################### */

.f-submit-unit button {
	border: 1px solid #e1e1e1;
	background: #fff;
	padding: 0.7em 1em;
	cursor: pointer;
	font-size: 1em;
}



/* ####################################### */
/* ############## REQUIRED ############### */
/* ####################################### */


.f-required {
	background: url(/r/i/css_framework/graphics/required.gif) no-repeat 95% 50%;
}



/* ####################################### */
/* ############### MISSING ############### */
/* ####################################### */

.f-missing {
	background: url(/r/i/css_framework/graphics/required-missing.gif) no-repeat 95% 50%;
}

.f-missing input,
.f-missing select {
	background:#FFDFDF;
	border:	1px solid #F9B9B2;
	margin-bottom: 1px;
}

.f-missing label {
	color: #CF1B27;
}




/* ####################################### */
/* ################ NOTES ################ */
/* ####################################### */

div.f-note {
	border: 1px solid #e1e1e1;
	font-size: 0.9em;
	padding: 0.5em;
	margin: 1.5em 0 0.5em 0;
	width: 93%;
}/* ####################################### */
/* ############### =GENERAL ############## */
/* ####################################### */

html,
body {
	height: 100%;

}

html {
	overflow-y: scroll;
}



.e-wrapper {
	background: #f9f9f9 url(/images/body_bg.jpg) no-repeat 50% 100%;
/*	border-top: 3px solid #7c7c7c;*/
	min-height: 100%;
	padding-top: 1.5384615384615384615384615384615em
}


.e-page {
	width: 980px;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
}

.boxshadow .e-page {
	border: 0;
	
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.a-layout-horizontal .section-inner { 
	width: auto;
	background-color: #fff;
}


/* ####################################### */
/* ############## HEADER ################# */
/* ####################################### */


#header .section-inner {
	padding: 20px 20px 0 20px;	
}





#logo {
	margin: 0;
	padding: 0 0 1.5384615384615384615384615384615em 0;
	float: left;
}

.contact-tel {
	float: right;
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 184.61538461538461538461538461538%;
	padding-left: 35px;
	margin: 1.625em 0 0 0;
	background: url(/images/chat_icon.png) no-repeat 0 50%;
}



/* ####################################### */
/* ############### CONTENT ############### */
/* ####################################### */

#content {
	overflow: hidden;
	background-color: #fff;
}

.content .section-inner {
	min-height: 600px;
	background-image: url(/images/faux_border.gif);
	background-repeat: repeat-y;
	background-position: 239px 20px;
	overflow: hidden;
	margin-top: 1.5384615384615384615384615384615em;
}

.e-home-content .section-inner {
	margin-top: 0;
}


/* COLUMNS
------------------------------------------------*/


.two-col-left .e-main-content {
	width: 700px;
	padding: 10px 20px 20px 20px;
/*	background: red;*/
}

.two-col-left .e-sub-content {
	width: 220px;
	padding: 17px 0 20px 20px;
/*	background: green;*/
}

.e-home-content .e-main-content { 
	width: auto;
	padding-top: 0;
}



.a-sub-content {
	margin: 0 20px 2.3076923076923076923076923076923em 0;
}

.a-sub-content h4:first-child {
	padding-top: 0;
}

.a-sub-content p:last-child {
	margin-bottom: 0;
}

.a-sub-content p {
	line-height: 1.4em;
	margin-bottom: 1.3em;
}


/* GRIDS
------------------------------------------------*/

.unit {
	float: left;
	margin-right: 2.8571428571428571428571428571429%;
}

.unit1of2 {
	width: 48.571428571428571428571428571429%;
}

.unit1of3 {
	width: 31.428571428571428571428571428571%;
}

.unitLast {
	margin-right: 0;
/*	display:table-cell;*/
	float:none;
	width:auto;
	overflow: hidden;
}

/*IE6&7 hacks*/
.unitLast {
	*display:block;
	*zoom:1;
	_position:relative;
	_left:-3px;
	_margin-right:-3px;
}



/* CONTENT IMAGERY
------------------------------------------------*/

.slide-show-editable { 
	height: 190px !important;
}

.content-imagery,
.content-imagery .show {
	height: 190px;
	overflow: hidden;
}

.content-imagery {
	border: 1px solid #ccc;
	padding: 1px;
	margin-bottom: 1.5em;
}


.content-imagery img {
	left: 0;
	position: relative;
	display: block;
}



/*HOMEPAGE OVERIDES*/

.e-home-content .content-imagery,
.e-home-content .content-imagery .show {
	height: 300px;
	border: 0;
	padding: 0;
}

.e-home-content .content-imagery .slide {
	height: 100%;
	width: 100%;
}

.e-home-content .content-imagery .inner {
	padding: 35px 20px 46px 380px;
}

.e-home-content .content-imagery {
	margin-bottom: 2em;
	color: #fff;
}

.e-home-content .content-imagery h2 {
	font-family: Calibri, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 384.6153846153846%;
	line-height: 1;
	margin-bottom: 0.4em;
	color: #F5EDFA;
}

.e-home-content .content-imagery p {
	font-size: 1.1em;
}



/* ####################################### */
/* ############## FOOTER ################# */
/* ####################################### */

#footer .section-inner {
	background: 0;
	width: 980px;
	margin: 0 auto;
}

#footer .section-inner p {
	margin-bottom: 0;
}

.e-site-copyright {
	margin-bottom: 0.5em;
}

.e-company-info {
	float: left;
	clear: left;
	width: 480px;
	font-size: 0.92307692307692307692307692307692em;
	color: #999;
}


/* ####################################### */
/* ############### TABLES ################ */
/* ####################################### */

/*table {

}

table th,
table td {

}

table th {

}

table td {

}

table tr:nth-child(2n) {

}*/





/* ####################################### */
/* ############ MODULE: BOXES ############ */
/* ####################################### */

.box {
	border: 1px solid #e5e5e5;
	padding: 1px;
	background-color: #fff;
}

.box .inner {
	background: #f7f7f7 url(/images/box_bg.png) repeat-x 0 0;
	padding: 20px;
	display: block;
}

.box-img {
	background-repeat: no-repeat;
	padding: 20px 20px 20px 20px;
	position: relative;
}

.section-home .box .inner {
	padding: 0;
}

.section-home .box-img {
	height: 290px;
}

.section-home .box-img h2 {
	line-height: 1;
}

.section-home .box-img h2 a:link,
.section-home .box-img h2 a:visited {
	border-bottom: 0; 
}

.home-recruitment .box-img {
	background-image: url(/images/home_recruitment.png);
	background-position: 135px 100%;
}

.home-training .box-img {
	background-image: url(/images/home_training.png);
	background-position: 129px 81px;
}

.home-sulis .box-img {
	background-image: url(/images/home_sulis.png);
	background-position: 161px 100%;
}

.section-home .box p,
.section-home .box ul {
	padding-right: 60px;
}

#featured-content .cta {
	padding: 0.3em 15px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}


/* ####################################### */
/* ############ MODULE: MEDIA ############ */
/* ####################################### */

.media {
	clear: both;
}

.media .m {	
	float: left;
	display: block;
	margin: 0 20px 1.5384615384615384615384615384615em 0;
}

.media .malt {	
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.media .m-content {
/*	overflow: hidden;*/
}

.media .para-header {
	padding-top: 0;
}/* ####################################### */
/* ############## TYPO CORE ############## */
/* ####################################### */

/* NB: default browser font size is usually 16px */

body {
	x-system-font: none;
	font:normal normal 80%/1.5 Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	color: #555;
}

html > body {
	font-size: 13px; /* size good modern browsers to 13px */
}

p, ul, ol, dl, blockquote, pre, td, th, label, table {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em;
	padding:0;
}



/* ####################################### */
/* ############## HEADINGS ############### */
/* ####################################### */

h1,h2,h3 {
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
}

#page-title,
h1, .h1{
	font-size:307.69230769230769230769230769231%; 
	font-weight:normal; 
	font-style: normal; 
	color:#424242; 
	letter-spacing: -0.015em;
	line-height: 1;
	margin-bottom:0.5em;
}

h2,.h2 {
	font-size:2em;
	margin-bottom:0.75em;
}
h3,.h3,legend {
	font-size:1.5em;
	line-height:1;
	padding-top: 0.6em;
	margin-bottom:0.4em;
	color: #5D287B;
}
h4,.h4 {
	font-size:1em;
	line-height:1.5em;
	padding-top: 1em;
	margin-bottom:.5em;
	color: #555;
}
h5,.h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.8em;
	padding-top: 0.7em;
}
h6,.h6 {
	font-size:1em;
	font-weight:bold;
}

/*#main-copy > div:first-child {
	font-family: Calibri,Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 153.84615384615384615384615384615%;
	line-height:1.3em;
	margin-bottom:1em;
}*/



/* SITE LOGO
------------------------------------------------*/


#site-logo {	
	width:	229px;
	height:	71px;
	background: url(/images/system_logo.gif) no-repeat top left;
	text-indent: -9999px; 
	border: 0;
	padding: 0;
	margin: 0;
}

.e-site_logo a:link,
.e-site_logo a:visited {
	display: block;
width: 100%;
	height: 100%;
}

.e-site_logo img {
	vertical-align: bottom;
}




/* ####################################### */
/* ################ =LINKS ############### */
/* ####################################### */

/* GLOBAL LINK STYLES
------------------------------------------------*/

a:link,
a:visited {
	color			: #942A66;
	text-decoration: none;
}



.e-main-content a:link,
.e-main-content a:visited {
	border-bottom: 1px dotted #942A66;
}

.e-main-content a:hover,
.e-main-content a:focus {
	border-bottom: 1px dotted #fff;
}




/* HIGHLIGHTS / LOWLIGHTS
------------------------------------------------*/
/* Color for elements which are not links but you want to emphasise 
.highlight {	
	color			:	;
}
*/

/* Color for elements which you want to have a faded effect
.fade {	
	color			:	;
}
*/


/* CALL TO ACTIONS
------------------------------------------------*/

.cta,
div.f-submit-unit button {
	display: inline-block;
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 0.5em 20px;
	text-decoration: none;
	position: relative;
	white-space:nowrap;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   	-ms-border-radius: 3px;
	   	 -o-border-radius: 3px;
			border-radius: 3px;	
    /* nice inset highlight and subtle drop shadow */
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
        -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
         -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

a.cta:hover,
a.cta:focus {
	text-decoration: none;
}

a.cta-primary:link,
a.cta-primary:visited,
div.f-submit-unit button {
	background-color: #A0A71D;
	background-image: url(/images/cta_primary_bg_green.png);
	border: 1px solid #838817;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.3);
	
}

a.cta-primary:hover,
a.cta-primary:focus,
div.f-submit-unit button:hover,
div.f-submit-unit button:focus {
	background-image: none;
}



/* ####################################### */
/* ############### LISTS ################# */
/* ####################################### */

ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:1.2em;
}

.e-main-content li {
	margin-bottom: 0.25em;
}

dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1.2em;
}

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

/* ITEM LIST
------------------------------------------------*/

.item-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* ####################################### */
/* ############# NAV PRIMARY ############# */
/* ####################################### */


#nav-primary {
	clear: both;
	position: relative;
	z-index: 100;
	background: #5D287B url(/images/nav_primary_bg.png) repeat-x 0 0;
	height: 3.0769230769230769230769230769231em;		
	
	-moz-box-shadow: 0 8px 8px -6px rgba(0,0,0,.5); /* FF3.5+ */
	-webkit-box-shadow: 0 8px 8px -6px rgba(0,0,0,.5); /* Saf3.0+, Chrome */
	box-shadow: 0 8px 8px -6px rgba(0,0,0,.5); /* Opera 10.5, IE 9.0 */
	
	-moz-border-radius: 3px; /* FF1+ */
	-webkit-border-radius: 3px; /* Saf3-4 */
	border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.section-home #nav-primary {
	-moz-border-radius: 0; /* FF1+ */
	-webkit-border-radius: 0; /* Saf3-4 */
	border-radius: 0; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/* PRIMARY LEVEL
------------------------------------------------*/


.nav-primary-level-1 {
	height: 3.0769230769230769230769230769231em;			
/* 	float:right;
	position:relative;
	right:50%; */
}




.pri-level-1-item {
	height: 3.0769230769230769230769230769231em;
	line-height: 3.0769230769230769230769230769231em;
	border-right: 1px solid #8439AC;
	
/* 	left:50%; */
}




.pri-level-1-item a:link,
.pri-level-1-item a:visited {
	color: #D9CAEE;
	padding: 0 20px;
	height: auto;	
	border-right: 1px solid #441E59;	
	text-shadow: 1px 1px 0 rgba(0,0,0,.3); /* FF3.5+, Opera 9+, Saf1+, Chrome */	
}


.pri-level-1-item a:hover,
.pri-level-1-item a:focus {
	color: #fff;
	/*background: url(/images/nav_hover.png) repeat-x 0 100%;*/
}

.active-section a:link,
.active-section a:visited {
	background-color: #4F2167;
	color: #fff;
}


#nav_contact,
#nav_contact a {
	border-right: 0;
}


/* SECONDARY LEVEL
------------------------------------------------*/


.nav-primary-level-2 {
	background-color: #4F2167;
}



/*Secondary Level <li>
.pri-level-2-item,
.pri-level-3-item {
	padding: 0 10px;
}*/


.pri-level-2-item a:link,
.pri-level-2-item a:visited {
	padding: 8px 20px;
	color: #D9CAEE;
	font-size: 0.92307692307692307692307692307692em;
}

.pri-level-2-item a:hover,
.pri-level-2-item a:focus {
	color: #fff;
}




/* ####################################### */
/* ############## NAV SUB ################ */
/* ####################################### */


.e-navigation-sub {
	margin-right: 0;
}

.nav-sub-parent {
	position: absolute;
	top: 0;
	left: -9999px;
}

/* Sub Nav Parent <a>
.nav-sub-parent a:link,
.nav-sub-parent a:visited {

}*/



.nav-sub-level-1 {
	border-top: 1px solid #E5E5E5;
}

.nav-sub-level-1 li {
	margin-bottom: 0;
}



.nav-sub-level-1 a:link,
.nav-sub-level-1 a:visited,
.nav-sub-level-1 .non-link {
	background-color: #f9f9f9;
	padding: 10px 20px;
	border: 1px solid #E5E5E5;
	border-width: 0 1px 1px 0;	
	color: #888;
	font-weight: bold;
	text-decoration: none;
}

.nav-sub-level-1 a:hover,
.nav-sub-level-1 a:focus {
	background-color: #f9f9f9;
	color: #333;
}

.nav-sub-active-section a:link,
.nav-sub-active-section a:visited {
	background-color: #fff;
	border-right-color: #fff;
	color: #942A66;
}


/* Level 2 <ul>
.nav-sub-level-2 {
	margin-top: -5px;
}*/

/* Level 2 <a>
.nav-sub-level-2 a:link,
.nav-sub-level-2 a:visited {
	padding: 5px 10px 5px 23px;
	color: #777;
	background: url(/r/i/css_framework/graphics/arrow.gif) no-repeat 10px 50%;
}*/

/* Sub Nav "Active Section"
.nav-sub-active-section {
	background-color: #fff;
}*/

legend {
	margin-bottom: 1em;
}


/* ####################################### */
/* ########### COMMON ELEMENTS ########### */
/* ####################################### */

div.f-submit-unit {
	text-align: center;
}

/* ####################################### */
/* ########### SPECIFIC FORMS ############ */
/* ####################################### */

.form-contact {
	padding-top: 2em;
}.protoshow {
    position: relative;
}

.protoshow ol,
.protoshow ul {	
    margin: 0;
    padding: 0;
    list-style: none;
}

.protoshow .show {
    position: relative;	
}

.protoshow .slide {
    position: absolute;	
    top: 0;
    left: 0;
    z-index: 999;
}

.protoshow li.active-slide {
    z-index: 1000;	
}

/* ####################################### */
/* ############## CONTROLS ############### */
/* ####################################### */

.proto-controls li {
	position: absolute;
	top: 1px;
	bottom: -1px;
/*	height: 100%;*/
	z-index: 1100;
}

.proto-controls .start-stop {
	position: absolute;
	top: 0;
	left: -9999px;
}

.protoshow .proto-controls a:link,
.protoshow .proto-controls a:visited {
	width: 21px;
	display: block;
	height: 189px;
	overflow: hidden;
	background-image: url(/images/proto_controls_bg.png);
	background-repeat: no-repeat;
	background-color: black;
	text-indent: -9999px;
	padding: 0 10px;
	border: 0;
	background-color: rgba(0,0,0,.2);
	opacity: 0.3;
}

.protoshow .proto-controls a:hover,
.protoshow .proto-controls a:focus {
	opacity: 1;
	
	     -moz-transition: opacity 0.3s ease-out;  /* FF3.7+ */
       -o-transition: opacity 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: opacity 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: opacity 0.3s ease-out;  	
}

.proto-controls .backward {
	left: 1px;

}

.proto-controls .forward {
	right: 1px;
}


.proto-controls .backward a {
	background-position: 10px 50%;
}

.proto-controls .backward a:hover,
.proto-controls .backward a:focus {
	background-position: 9px 50%;
}

.proto-controls .forward a {
	background-position: -105px 50%;
}

.proto-controls .forward a:hover,
.proto-controls .forward a:focus {
	background-position: -104px 50%;
}
/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #A9AEB3; background:#FFFFFF; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS * /      
form, #add { border: 1px solid #999; width: 550px; margin: 50px; padding: 20px 30px 10px; }
form ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text { margin-bottom: 10px; list-style-type: none; border-bottom: 1px dotted #999; padding-bottom: 10px; }
form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder { width: 500px; }
*/
.f-autocomplete ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/r/js/autocomplete/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */

.auto-complete-list { display: none; position: absolute; width: 391px; right: 0; background: #eee; z-index: 1000; }
.auto-complete-list .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
.auto-complete-list ul { display: none; margin: 0; padding: 0; overflow: auto; }
.auto-complete-list ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; white-space: nowrap; overflow: hidden; }
.auto-complete-list ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.auto-complete-list ul li.auto-focus { background: #4173CC; color: #fff; }
.auto-complete-list ul li.auto-focus em { background: none; }

.auto-complete-list #demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.auto-complete-list #add a { color: #666; }
.auto-complete-list #add-test { width: 100px; padding: 2px; }
.auto-complete-list #button_container { margin-left: 70px; margin-bottom: 30px;}

.maininput { background : none !important; }
.maininput:focus { border : none !important; }
.maininput:active { border : none !important; }

.f-autocomplete{ position: relative; overlflow: auto; }