/* ----------------------------------------- */
/* ---- RESET STYLES FOR ALL BROWSERS ------ */
/* --------- AUTHOR: NICK RIGBY ------------ */
/* ----------------------------------------- */
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
		
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
a, a:link {}
a:visited {}
a:hover {}
a:active {}

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }


/* ----------------------------------------- */
/* ------- FLOAT CLEARING FROM P.I.E. ------ */
/* ----------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	

/* ----------------------------------------- */
/* ---- MAIN STYLES DOWN TO THE NAV BAR ---- */
/* ----------------------------------------- */

body {
	width:auto;
	font-size:10pt;
	line-height:13.5pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	}

 
#pagewrapperouter {
	margin:0;
	padding:0;
	width:160mm;
	text-align:left;
	clear:both;
	}
	
#pageshadowleft {
	background-image:none;
	width:100%;
	float:none;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	text-align:left;
	clear:both;
	}
	
#pageshadowright {
	background-image:none;
	float:none;
	position:relative;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
	clear:both;
	}
	
#pagewrapperinner {
	float:none;
	margin:0;
	position:relative;
	left:0;
	padding:0;
	width:100%;
	text-align:left;
	clear:both;
	}

#header	{
	width:100%;
	height:20mm;
	text-align:left;
	margin:0;
	padding:0;
	color:#fff;
	}
	
#header a	{
	display:none;
	}

#noprint a	{
	display:none;
	}

#acelogo	{
	float:left;
	}
	
#header #acelogo a	{
	margin:0;
	padding:0;
	background-color:#fff;
	display:inline;
	}

#tab_bar {
	display:none;
    }		
	
#tab_bar li{
	display:none;
    }		


#nav {
	display:none;
    }		

#undertabbar, #undertabbarbottom	{
	display:none;
	}

#contentwrapper	{
	text-align:left;
	width:100%;
	background-color:#fff;
	}
	
#pagesplashdefault, #pagesplashtraining, #pagesplashassessment, #pagesplashresearch, #pagesplashfundraising, #pagesplashsoftware, #pagesplashresources	{
	display:none;
	}

#straplinedefault, #straplinetraining, #straplineassessment, #straplineresearch, #straplinefundraising, #straplinesoftware, #straplineresources	{
	display:none;
	}

#searchbox	{
	display:none;
	}

#contents, #contentsecommerce	{
	float:none;
	width:100%;
	margin:0 5mm 0 5mm;
	padding:0;
	}
		
#sidebars	{
	clear:both;
	position:relative;
	top:0;
	float:none;
	width:160mm;
	margin:0 5mm 0 5mm;
	padding:0;
	text-align:left;
	color:#484633;
	font-size:8pt;
	line-height:12pt;
	}
	
#sidebarslower	{
	top:10mm;
	}

.casewrapperouter, .casewrapperouterright	{
	display:none;
	}
.casewrapperouterright	{margin:1em 0 2em 0;}

.casewrapperinner	{
	background:url(/assets/casefacesRH_7_596.gif) no-repeat right top;
	width:100%;
	margin:0;
	padding:0;
	}

	
.clear	{
	clear:both;
	display:block;
	margin:0;
	padding:0;
	}

#footer	{
	display:none;
	}


/* ---------------------------------------------------- */
/* ---------------- ALL SIDEBAR STYLES ---------------- */
/* ---------------------------------------------------- */


#sidebars .pictureitem	{
	margin:0;
	padding:5mm 0 0 0;
	color:#484633;
	font-size:100%;
	}
	
#sidebars #printiconbox	{
	display:none;
	}	

#sidebars img {
	float:left;
	clear:both;
	border:0;
	}
	
#sidebars .commentbox {
	margin:0;
	padding:0;
	}


/* --------------- SIDEBAR TEXT STYLES --------------- */


#sidebars ul {
	display:none;
	/*list-style-type:none;
	margin:0;
	padding:0.5em 0 0 0;  top padding instead of margin to cure gap in FF, but change back if problems */
	}

#sidebars ul.productdetails {
	display:static !important;
	list-style-type:none;
	margin:0;
	padding:0.5em 0 0 0;  /*top padding instead of margin to cure gap in FF, but change back if problems */
	}

#sidebars ul li {
	margin:0;
	}

#sidebars p {
	margin:0.5em 9px 0.5em 9px;
	line-height:1.4;
	}

#sidebars .commentbox p {
	color:#666;
	font-size:100%;
	}

#sidebars .commentbox h2 {
	margin:0 0 0 9px;
	padding:0;
	color:#E4312B;
	font-size:180%;
	line-height:1.4;
	font-weight:normal;
	}

#sidebars .commentbox h3 {
	margin:0 0 0 9px;
	padding:0;
	color:#e5312b;
	font-size:120%;
	}

#sidebars p.updated {
	color:#484633;
	font-size:8pt;
	margin:15mm 0 0 0;
	}

#sidebars .pictureitem p {
	padding:0;
	margin:0 0 0 56px;
	font-size:100%;
	}
	
#sidebars ul.productdetails {
	margin:0;
	padding:0.5em 0 0.1em 0; /* padding instead of margin to cure gap in FF */
	}

#sidebars ul.productdetails li {
	padding:0.2em 9px 0.3em 0;
	font-size:120%;
	line-height:1.5;
	color:#369;
	}

#sidebars ul.productdetails li span {
	font-weight:bold;
	}

#sidebars h3	{
	margin:0;
	padding:0 0 3px 0;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:120%;
	line-height:1.4;
	}
#sidebars h3.orangefeature {color:#fff;}
#sidebars h3.redfeature {color:#FCEAE9;}
#sidebars h3.bluefeature {display:none;}
#sidebars h3.tealfeature {color:#D9E7E0;}
#sidebars h3.offgreyfeature {color:#D2CEA9;}
#sidebars h3.purplefeature {color:#DEDCEE;}



/* --------------- SIDEBAR LINK STYLES --------------- */

#sidebars a {
	display:block;
	text-decoration:underline;
	font-weight:normal;
	color:#369;
	margin:0;
	}
	
#sidebars .commentbox a {
	display:inline;
	text-decoration:underline;
	font-weight:normal;
	color:#369;
	}

#sidebars a:hover, #sidebars .commentbox a:hover	{
	background-color:#369;
	color:#ffffff;
  	margin:0;
	}


#sidebars a.picturelink {
	margin:0 0 0 56px;
	padding:0;
	font-weight:bold;
	color:#369;
	text-decoration:none;
	}
	
#sidebars a.picturelink:hover	{
	font-weight:bold;
	margin:0 0 0 56px;
	background-color:#369;
	color:#ffffff;
  	text-decoration:none;
	}

#sidebars li a {
	display:block;
	font-size:120%;
	margin:0;
	padding:0.2em 0 0.4em 12px;
	background:url(/assets/bullet_icon_7_598.gif) transparent no-repeat 0 center;
	color:#369;
	text-decoration:none;
	}
	
#sidebars ul a:hover	{
	background:url(/assets/bullet_icon_7_598.gif) transparent no-repeat 0 center;
	background-color:#369;
	font-size:120%;
	color:#ffffff;
  	text-decoration:none;
  	margin:0;
	}
	
/* --------------- SIDEBAR DOWNLOAD STYLES --------------- */

#sidebars .downloads {
	display:none;
	}
	

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

p {
	font-size:10pt;
	}

/* Note that the style below has an extra bottom margin - this is to mainly to add space between
it and the top of tables, which ignore any margins set on them in some browsers (eg IE6/Win)*/
.firstpara	{
	margin:3mm 0 3mm 0 !important;
	color:#be3b3b;
	padding:0;
	}

.italic {
	font-style:italic;
	}
	
.bold {
	font-weight:bold;
	}
	
.right	{
	text-align:right;
	}

#contents p {
	margin:3mm 0 0 0 !important;
	color:#000;
	}
	
#contents p.index {
	margin:3mm 0 0 0 !important;
	padding:0;
	color:#000;
	font-size:10pt;
	z-index:3;
	}

#contents h1 {
	color:#E4312B;
	font-size:20pt;
	line-height:27pt;
	margin:0;
	padding:0;
	border-bottom:0.25mm solid #e1d4c0;
	}
		
#contents h2	{
	clear:both;
	margin:7mm 0 0 0 !important;
	color:#E4312B;
	font-size:14pt;
	line-height:18pt;
	font-weight:normal;
	}

/* the next style is for the index page only */
#contents h2.indextop	{
	border-top:0; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	}

#contents h3	{
	clear:both;
	border-top:10mm solid #fff; /* forces a top gap below images in all browsers but IE (where it has to be replaced by a margin!) */
	margin:0;
	color:#000;
	font-size:12pt;
	line-height:17pt;
	font-weight:bold;
	}

#contents ul	{
	clear:both;
	margin:3mm 0 0 20mm !important;
	padding:0;
	color:#000;
	font-size:10pt;
	}
	
#contents li {
	margin:0 0 3mm 0 !important;
	padding:0;
	}
	
#contents li ul	{  /* formats the second level list in the site map */
	margin-bottom:10mm;
	font-size:8pt;
	}
	
#contents a	{
	font-weight:normal;
	color:#369;	
	font-size:10pt;
	line-height:13.5pt;
	}

#contents a:hover	{
	background-color:#369;
	color:#ffffff;
	text-decoration:none;
	}


/* LEAVE DISPLAY:BLOCK AS IT IS in this style - it's necessary for shifting the text down. 
The border-top style forces a gap over the text in all browsers but IE, which adds it by default.
The border in IE is removed through the conditional style sheet. */
.move_this_text_below_image	{
	display:block;
	clear:both;
	border-top:3mm solid #fff;
	margin:3mm 0 0 0;
	}

/* The style below, which effectively does the job of a <br /> tag, only has display:block
and a negative top margin because of ActivEdit forcing it to display as a span, rather than a p.
If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK AND SET THE TOP MARGIN TO 0.5em */
.notopmargin, #contents p.notopmargin	{
	display:block;
	margin:0;
	padding:0;
	}
	
/* The style below only has display:block because of ActivEdit forcing it to display
as a span, rather than a p. If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK */
.indent	{
	display:block;
	margin:3mm 25mm 0 15mm;
	padding:0;
	}

/* The style below only has display:block because of ActivEdit forcing it to display
as a span, rather than a p. If and when ActivEdit fixes this, REMOVE DISPLAY:BLOCK */
.quote	{
	display:block;
	font-style:italic;
	margin:3mm 25mm 0 15mm;
	padding:0;
	}

#contents .casewrapperinner p {
	margin:0;
	padding:0 3mm 0 5mm;
	font-size:8pt;
	font-style:italic;
	color:#000;
	}

#contents .casewrapperinner a {
	clear:both;
	margin:0;
	padding:0 3mm 0 5mm;
	color:#369;
	font-size:8pt;
	text-decoration:none;
	font-weight:bold;
	}

#contents .casewrapperinner a:hover {
	color:#fff;
	background-color:#369;
	}
	
#contents .casewrapperinner a.piclink, #contents .casewrapperinner a.piclink:hover	{
	background-color:transparent;
	}


/* ---------------------------------------------------- */
/* ------- PULLQUOTE STYLES (456 BEREA STREET) -------- */
/* ---------------------------------------------------- */

blockquote.pullquote {
	float:right;
	width:40mm;
	margin:3mm 0 3mm 5mm;
	padding:3em;
	/*border:3px double #ccc;
	border-width:3px 0;*/
	color:#333;
	background:url(/assets/quotemark_7_599.gif) no-repeat left top;
	font:italic 14pt/18.5py Georgia;
	}

blockquote.alt {
	float:right;
	margin:3mm 0 3mm 5mm;
	}
	
.pullquote p {
	margin:0;
	padding:0 0 3mm 0;
	}

.pullquote p:first-letter {text-transform:uppercase}



/* ---------------------------------------------------- */
/* ------------- CONTENTS IMAGE STYLES ---------------- */
/* ---------------------------------------------------- */

#contents img	{
	border:none;
	}

#contents img.imagefloatleft	{
	margin:3mm 3mm 0 0;
	float:left;
	}
		
#contents img.imagefloatright	{
	margin:3mm 0 0 3mm;
	padding:0;
	float:right;
	}

/* Note that the style below will not work in WIN IE 5 and 5.5, To do that, I'd have to use text-align:center 
on the contentinner div, and then text-align:left everything within it. So it's not done yet. Note also that 
the margin statement is split into four, to be kind to Opera. */
#contents img.imagecentre	{
	margin-top:3mm;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}




/* --------------------------------------------- */
/* ----------- ROUNDED CORNER STYLES ----------- */
/* --------- see www.456bereastreet.com -------- */
/* --------------------------------------------- */

.cbb {background-color:#ccc; padding:5px; margin:0;} /* For default use when javascript is unsupported */
.cb {padding:0;} /* Insert corners when JavaScript is on */
.bt {
	background:url(/assets/orangebox_7_600.gif) no-repeat 100% 0;
	margin:0 0 0 9px;
	height:9px;
	}
.bt div {
	height:9px;
	width:9px;
	position:relative;
	left:-9px;
	background:url(/assets/orangebox_7_600.gif) no-repeat 0 0;
	}
.bb {
	background:url(/assets/orangebox_7_600.gif) no-repeat 100% 100%;
	margin:0 0 5px 9px;
	height:14px;
	}
.bb div {
	height:14px;
	width:9px;
	position:relative;
	left:-9px;
	background:url(/assets/orangebox_7_600.gif) no-repeat 0 100%;
	}
.i1 {
	padding:0 0 0 9px;
	background:url(/assets/orangeboxLH_7_601.gif) repeat-y 0 0;
	}
.i2 {
	padding:0 9px 0 0;
	background:url(/assets/orangeboxRH_7_602.gif) repeat-y 100% 0;
	}
.i3 {background-color:#ffdebd;}


/* Adding  a small font-size to the header and footer divs seems to fix a height bug in IE. */
.orangehead .i1 {background-image:url(/assets/orangeboxtopLH_7_604.gif);}
.orangehead .i2 {background-image:url(/assets/orangeboxtopRH_7_605.gif);}
.orangehead .bt, .orangehead .bt div {background-image:url(/assets/orangeboxtop_7_603.gif);font-size:1%; height:7px;}
.orangehead .bb, .orangehead .bb div {background-image:none; position:absolute; left:-9000px;}
.orangehead .i3 {background-color:#EAA95F; line-height:1;}

.orange .i1 {background-image:url(/assets/orangeboxLH_7_601.gif);}
.orange .i2 {background-image:url(/assets/orangeboxRH_7_602.gif);}
.orange .bb, .orange .bb div {background-image:url(/assets/orangebox_7_600.gif);font-size:1%;}
.orange .bt, .orange .bt div {background-image:none; position:absolute; left:-9000px;}
.orange .i3 {background-color:#F8E2C9;}

.bluelinkhead .i1 {background-image:url(/assets/blueboxtopLH_7_610.gif);}
.bluelinkhead .i2 {background-image:url(/assets/blueboxtopRH_7_611.gif);}
.bluelinkhead .bt, .bluelinkhead .bt div {background-image:url(/assets/linkboxtop_7_723.gif); font-size:1%; height:7px;}
.bluelinkhead .bb, .bluelinkhead .bb div {background-image:none; position:absolute; left:-9000px;}
.bluelinkhead .i3 {background-color:#5888B9; line-height:1;}

.bluehead .i1 {background-image:url(/assets/blueboxtopLH_7_610.gif);}
.bluehead .i2 {background-image:url(/assets/blueboxtopRH_7_611.gif);}
.bluehead .bt, .bluehead .bt div {background-image:url(/assets/blueboxtop_7_609.gif); font-size:1%; height:7px;}
.bluehead .bb, .bluehead .bb div {background-image:none; position:absolute; left:-9000px;}
.bluehead .i3 {background-color:#5888B9; line-height:1;}

.blue .i1 {background-image:url(/assets/blueboxLH_7_607.gif);}
.blue .i2 {background-image:url(/assets/blueboxRH_7_608.gif);}
.blue .bb, .blue .bb div {background-image:url(/assets/bluebox_7_606.gif);font-size:1%;}
.blue .bt, .blue .bt div {background-image:none; position:absolute; left:-9000px;}
.blue .i3 {background-color:#C5DDF2;}

.boxblue .i1 {background-image:url(/assets/boxblueLH.gif);}
.boxblue .i2 {background-image:url(/assets/boxblueRH.gif);}
.boxblue .bb, .boxblue .bb div, .boxblue .bt, .boxblue .bt div {background-image:url(/assets/boxblue.gif);font-size:1%;}
.boxblue .i3 {background-color:#E1EBF4; text-align:center;}

.boxoutline .i1 {background-image:url(/assets/boxoutlineLH_7_613.gif);}
.boxoutline .i2 {background-image:url(/assets/boxoutlineRH_7_614.gif);}
.boxoutline .bb, .boxoutline .bb div, .boxoutline .bt, .boxoutline .bt div {background-image:url(/assets/boxoutline_7_612.gif);font-size:1%;}
.boxoutline .i3 {background-color:#fff; text-align:center;}


#tab_bar ul li.current .i1 {
	display:none;
	}
#tab_bar ul li.current .i2 {
	display:none;
	}
#tab_bar ul li.current .i3 {
	display:none;
	}
#tab_bar li.currentnone {
	display:none;
	}


/* ----------------------------------------- */
/* ------------- TABLE STYLES -------------- */
/* ----------------------------------------- */

/* The following styles are for a non-specific
table with just grey top borders on each row. */

table.grey	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}

table.grey th	{
	padding:0.2em 0.4em 0.2em 0.4em;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #999999;
	}

table.grey td	{
	padding:0.2em 0.4em 0.2em 0.4em;
	vertical-align:top;
	border-bottom:1px solid #999999;
	}

table.grey td.a	{
	text-decoration:none;
	}

/* The following styles are for a standard two-column
table like the one on the login page. */
	
table.bodytable	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #6699cc;
	}

table.bodytable th	{
	width:34%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:right;
	}
	
table.bodytable th.thtop	{
	width:34%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:right;
	vertical-align:top;
	}
	
table.bodytable td	{
	width:66%;
	padding:0.2em 0.4em 0.2em 0.4em;
	background-color:#e1eaf0;
	vertical-align:top;
	}


/* The following styles are for a standard four-column
table like the one on the View Orders/Invoices page. */
	
table.bodytablefour	{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-size:100%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	border:1px solid #6699cc;
	}

table.bodytablefour th	{
	width:25%;
	padding:0.2em 0.4em 0.2em 0.4em;
	text-align:left;
	border-bottom:1px solid #6699cc;
	}
	
table.bodytablefour td	{
	width:25%;
	padding:0.2em 0.4em 0.2em 0.4em;
	background-color:#e1eaf0;
	}

	


/* -------------------------------------------------- */
/* ----------- SEARCH RESULTS PAGE STYLES ----------- */
/* -------------------- NOT YET WORKING!!!--------------- */

#contents .searchresults	{
	margin:0.5em 0 0 0;
	padding:0.5em 0 0.5em 0;
	border-top:1px solid #e1eaf0;
	}

p.firstprevlast {
	padding:0.2em 0 0.2em 0.5em;
	background-color:#e1eaf0;
	}
		
span.searchdate {
	font-style:italic;
	font-size:100%;
	line-height:1.4;
	color:#006600;
	}


#contents .printonly	{
	color:#000;
	position:relative;
	left:0px;
	top:0px;
	width:160mm;
	height:150mm;
	}