.greyText
{
    color: #666666;
}

div.auto_complete {
    width: 350px;
    background: #fff;
}
div.auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}
div.auto_complete ul li {
    margin: 0;
    padding: 3px;
}
div.auto_complete ul li.selected {
    background-color: #ffb;
}
div.auto_complete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}



.greybox {
    border: 1px solid #ddd;
    padding: 3px;
    margin: 1px 1px 10px 1px;
}

.borderedGreyBox {
    border: 1px solid #cccccc;
    background-color: #f0f0f0;
    padding: 10px;
}

.greyboxfilled {
    border: 1px solid #ddd;
    background: #f0f0f0;
    padding: 3px;
    margin: 1px 1px 10px 1px;
}

.lightGreyBox
{
    background: #fafafa;
}

.plannerbreadcrumbs 
{
    background: #F9E8EE;
    margin-bottom:1em;
    padding: 0.5em 0pt 0.5em 0.3em;
}


input.buttonLeft {
    background-color:#C41C5A;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    padding:6px;
    float:left;
}

input.buttonRight {
    background-color:#C41C5A;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    padding:6px;
    float:right;
}


td h4 {
    background:transparent none repeat scroll 0%;
    color:#C41C5A;
    font-size:120%;
    margin:0px;
    padding:0px;
}

table.process tr.shade td{
    background:#eaeaea;
}

.questionnaire {
    font-size: 14px;
}


/* CSS Document */

/*////////////////////////////////////

Involve VERSION 1.0
 AUTHOR: Nick Dunn (NICK@HEADSHIFT.COM)
 LAST UPDATED: 13/APR/07
 
    CONTENTS:
    
    00. GLOBAL ELEMENTS
    01. LINKS
    02. LAYOUT
    03. NAVIGATION
    04. MODULES
    05. LISTS
    06. TYPOGRAPHY
    07. IMAGES
    08. BLOG (line 933)
    09. CONFLUENCE OVERRIDES
    10. TABLES

    
////////////////////////////////////*/



/*//////////////////// 
  =GLOBAL ELEMENTS
////////////////////*/

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

.clearfix {display: inline-block;}

.clearthis {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    display: block;
    color: #f00;
    }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


* { 
    margin: 0;
    padding: 0;
    }
    
body {
    text-align: center; 
    font: 12px/1.4  Arial, Helvetica, sans-serif; 
    color: #333;
    margin-bottom: 2em;
    background:url(../img/bg.gif) 50% 0 #F7F7F7 repeat-y;   
    }

    
.none,
.hide {
    display:none;
    }
    
img {
    border: 0;
    }
    
img.introimg { float:right; margin:5px 0 .2em .5em;}
    
p#skipnav {
    display: none;
    }
    
p.normal {text-align:left;}
    
.question {
/*	font-size:145%;
 /* appears to be equivalent currently to 17px*/
	font-size:165%;
 /* appears to be equivalent currently to 19px*/
}

.infodisplay {
	background-color:#4974B8;
	color:white;
	z-index:2;
	position:absolute;
	width:290px;
	font-size:65%;
	line-height:1.3em;
	padding:10px;
	font-weight:normal;
}

/*//////////////////// 
  LINKS
////////////////////*/

a, a:visited {
    color: #000;
    }
    
a:hover, a:visited:hover {
    color: #999;
    }
    
    
/*//////////////////// 
  =LAYOUT
////////////////////*/
    
    
#wrapper {
    width: 990px;
    padding: 0px;
    margin: 0 auto;
    /*overflow: auto;*/ 
    border:0px solid red;
    text-align:left;
    }
    
.home .colLeftHome {padding-top:0px; overflow:visible;  border:0px solid red;}
    
.colLeftHome {
    width: 700px;
    float: left;    
    margin-right:13px;
    z-index:100;
    }
    
.process .colLeftHome {width:645px;}
    
.colHomeRight {
    float: left;
    width: 274px;
    /*margin-top:-15px;
    overflow: auto;*/
    }
    
.home .colHomeRight {    
    margin-top:25px; 
     width: 270px; 
    }
    
.process .colHomeRight { width: 310px; text-align:right}
    
#contentwrap {
    margin-top:20px;
    /*overflow: auto;*/
    } 
    
.home #contentwrap {
    margin-top:0px;
    /*overflow: auto;*/
    }   

.margin {
   margin-right:10px
    }
    
#header {   
}


#header h1 {
    background:url(../img/logo_pp.gif) no-repeat;
    width:385px;
    height:112px;
    text-indent:-3000em;
    float:left;
    margin-right:0px;
    }

#crumbtrail {
    color: #000;
    
    margin:10px 0 10px 0;
}

#crumbtrail a, #crumbtrail a:visited{
    color: #666666;
}


#crumbtrail strong {
    color: #666;
    }
    

    
#admin {
    float:right;    
    width:598px;
    background:#F6F6F6; 
    margin:0px 0 20px 0;
    padding:3px 3px 3px 3px;
    font-size:90%;
    }
    
#admin span{
    float:right;
    text-align:right;   
    }
    
    
#login {
    position:absolute;  
    }
    
    #login a:hover{
    text-decoration:none;
}

#topbox {
    width: px;      
    background: url(../img/logo.gif) 270px 0 no-repeat;
    height:40px;
    padding:14px 0 0 400px; 
    }
    
#topbox .button {
    color: #333;
    font-size: 11px;    
    padding:  3px;      
    background-color: #ccc;
    border: 1px solid #ccc;
}

#topbox form {
    float:left;
    margin-right:40px
}

#topbox .inputbox {
    width: 142px;   
    background: #f1f1f1;
    padding:3px;    
    border: 1px solid #ccc;
}

#topbox a.letter  { 
    background: #f1f1f1;        
    border: 1px solid #ccc; 
    text-decoration:none;
    width:18px;
    height:18px;
    display:block;
    text-align:center;
    float:left;
    color:#000000;
    margin-right:3px;
    vertical-align:sub;
}

.textsize-1 {font-size:90%; line-height:2.5em;}
.textsize-2 {font-size:110%; line-height:2em;}
.textsize-3 {font-size:130%;margin-right:20px;}

#topbox p a  {  
    background: none;       
    border: 0;  
    text-decoration:underline;
    width:auto;
    height:auto;
    display:inline;
    text-align:left;
    float:none;
    color:#000000;
    margin:0px; 
    font-size:100%;
}

#topbox p  {    
    margin-left:10px;
    float:left;
    width:275px;
    font-size:100%;
}

#processplanner-results-instructions,
#processplanner-results-header,
#processplanner-changebutton  {
padding: 2px;
}

#processplanner-results-instructions {
margin:12px 0px;
border:1px dotted #aaa;
width:70%;
}

#processplanner-results-instructions div {
margin-top:12px;
}

div#processplanner-results-links {
width:410px;
position:relative;
left:-100px;
background-image:none;
}


/*#spacelinks {
    position:absolute;
    top:115px;
    left:695px;
}*/

    
/*//////////////////// 

  =NAVIGATION

////////////////////*/

/* list page navigational tabs */

#admin a, #admin a:visited{     
    color:#000000;      
    }
    
    #admin a:hover{     
    text-decoration:none;   
    }
    
    
#spacelinks p a, #spacelinks p a:visited{
    background:none;
    display:inline;
    float:none;
    padding:0px;
    margin-right:5px;   
    height:auto;
    border:0;
    text-decoration:underline;  
}

#spacelinks p a:visited {color:#FFFFFF;}

#spacelinks p a:hover{
    background:none;    
    text-decoration:none;   
}

#navbar {
    border-bottom:1px solid #e7e7e7;
    margin: 0px 0 0 0px;
    background:url(../img/colours.gif) no-repeat 712px 10px;
    clear:both;
    z-index:1;
}


ul#topnav  {
margin: 0px 0 0 0px;
padding: 0px 0px 0px 0px;
}

#topnav li {
list-style: none;
margin: 0 28px 0 0;
float:left;
padding: 0px 0 2px 0;
}

#topnav li a:link, #topnav li a:visited{
padding: 10px 0 10px 0;
border-bottom: none;
text-decoration: none;
font-weight:normal;
font-size:14px;
color: #000; font-weight:normal;
display:block;
}

#topnav li a:hover {
background: #f9f9f9;
}

#topnav li.current a,
#topnav li.current a:visited {
background: #eee;
color: #000;
font-weight:bold;
}

#topnav li.current a:link { color: #2E2E67; font-weight:bold;}
#topnav li.current a:visited { color: #2E2E67; font-weight:bold;}
#topnav li.current a:hover {
color: #2E2E67;
}

#topnav li.current  {
border-bottom: 2px solid;
}

.process #topnav li.current  {border-color: #C41C5A;}
.method #topnav li.current  {border-color: #9BC41D;}
.case #topnav li.current  {border-color: #4974B8;}
.news #topnav li.current  {border-color: #794B96;}
.ask #topnav li.current  {border-color: #328FAE;}
.part #topnav li.current  {border-color: #C3A61C;}



.colLeftHome ul.homenav {
    list-style: none;
    margin:0px 2px 0 0; 
    float:left;
    border-top: 0px solid #EBEBEB;
    }   
    
.colLeftHome ul.homenav li{
    padding:0px 0 0px 0px;
    margin-bottom:25px;         
    }
    
.colLeftHome ul.homenav a,
.colLeftHome ul.homenav a:visited {
    text-indent:-3000em;
    display:block;
    width:276px;
    height:30px;
    background-repeat:no-repeat;
    background-position:0 0;
    }
    
/*### flyout menu  ####*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
position:relative;
z-index:1000;
font-size:90%;
margin:0px 0 0 0px; /* this page only */
width:682px;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
padding-right:9px;
margin:0;
list-style-type:none;
width:276px;
position:relative;
float:left;
}

.menu li {
background:transparent;
height:30px;
margin-bottom:25px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;margin-bottom:25px}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:auto;
line-height:30px;
width:276px;
color:#000;
text-indent:-3000px;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff; 
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0px;
left:276px;
height:auto;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
padding:10px ;
/*margin-top:100px;*/
z-index:2;
line-height:1em;
position:absolute; 
margin-top:-1px;
color:#FFFFFF;
border:1px solid white;
border-width:1px 1px 1px 0 ;
}

.menu ul li:hover ul li, .menu ul a:hover ul li {
height:auto;padding:0; margin:0; 
}

.menu ul li:hover ul li p, .menu ul a:hover ul li p{
color:#FFFFFF;
}

.colLeftHome .menu ul li:hover ul.top1, .colLeftHome .menu ul a:hover ul.top1 {background-color:#C41C5A;}
.colLeftHome .menu ul li:hover ul.top2, .colLeftHome .menu ul a:hover ul.top2 {background-color:#9BC41D}
.colLeftHome .menu ul li:hover ul.top3, .colLeftHome .menu ul a:hover ul.top3 {background-color:#4974B8;}
.colLeftHome .menu ul li:hover ul.top4, .colLeftHome .menu ul a:hover ul.top4 {background-color:#794B96;}
.colLeftHome .menu ul li:hover ul.top5, .colLeftHome .menu ul a:hover ul.top5 {background-color:#328FAE}
.colLeftHome .menu ul li:hover ul.top6, .colLeftHome .menu ul a:hover ul.top6 {background-color:#C3A61C}

.menu ul.top2 {top:55px;}
.menu ul.top3 {top:110px;}
.menu ul.top4 {top:165px;}
.menu ul.top5 {top:220px;}
.menu ul.top6 {top:275px;}

.colLeftHome #process a, .colLeftHome #process a:visited{background-image:url(../img/n_process.gif)}
.colLeftHome #methods a, .colLeftHome #methods a:visited{background-image:url(../img/n_methods.gif)}
.colLeftHome #case a, .colLeftHome #case a:visited{background-image:url(../img/n_case.gif)}
.colLeftHome #news a, .colLeftHome #news a:visited{background-image:url(../img/n_news.gif)}
.colLeftHome #ask a, .colLeftHome #ask a:visited{background-image:url(../img/n_ask.gif)}
.colLeftHome #lib a, .colLeftHome #lib a:visited{background-image:url(../img/n_part.gif)}

.colLeftHome .menu li:hover ul.photo, .colLeftHome .menu a:hover ul.photo { padding:0px 0 0 9px;}

.menu ul.top2 {top:55px;}
.menu ul.top3 {top:110px;}
.menu ul.top4 {top:165px;}
.menu ul.top5 {top:220px;}
.menu ul.top6 {top:275px;}


/*### end flyout menu  ####*/
    
#leftcol p{
    color:#999999;
    padding: 0 0 0 10px;
    margin:0
    }
    
#leftcol p a, #leftcol p a:visited{
    color:#999999;  
    }
    
#leftcol p a:hover{
    text-decoration:none;   
    }
    
.tabbar {   
   background:url(../img/bg_nav.gif) repeat-x;  
    margin:2px 0 10px 0;
    padding:12px 0 0 0;
    border:0px solid blue;
    }
    
.home .tabbar {     
    margin:2px 0 0px 0;   
    }
    
.tabbar ul{
    margin:0;
    padding:0;
    list-style:none;
    }
    
.tabbar ul li{
    float:left;
    margin-right:1px;   
    
    }
ul.tabnav li{   
border-right:1px solid #666;
    border-bottom:1px solid #666;}
    
.tabbar ul a,
.tabbar ul a:visited {  
    display:block;  
    padding:8px;
    text-decoration:none;
    background:#eee;
    color:#FFFFFF;
    }
    
.tabbar ul a:hover {    
    display:block;
    background:#ddd;
    padding:8px;
    text-decoration:none;
    color:#FFFFFF;
    }
    
li.search {
    padding:9px 4px 7px 4px;    
    }
    
.process ul.tabnav a, .process ul.tabnav a:visited, .process li.search {background:#C41C5A;}    
.method ul.tabnav a, .method ul.tabnav a:visited, .method li.search {background:#9BC41D;}
.case ul.tabnav a, .case ul.tabnav a:visited, .case li.search {background:#4974B8;}
.news ul.tabnav a, .news ul.tabnav a:visited, .news li.search {background:#794B96;}
.ask ul.tabnav a, .ask ul.tabnav a:visited, .ask li.search {background:#328FAE;}
.part ul.tabnav a, .part ul.tabnav a:visited, .part li.search {background:#C3A61C;}

ul.tabnav a:hover {background:#eee; color:#333}

ul.adminnav {float:right; margin-top:0px;}
ul.adminnav a, ul.adminnav a:visited {color:#333;}

.tabbar ul a.current , .tabbar ul a.current:visited{
    background:#666666;
    color:#FFFFFF;
}

.tabbar .button {
    color: #333;
   font-size:80%;   
    padding:  0px;      
    background-color: #fff;
    border: 1px solid #ccc;
}

.tabbar .inputbox {
    width: 142px;   
    border: 1px solid #ccc;
    padding:  0px 0 0 2px;  
    color:#999;     
}

    
/*//////////////////// 
  =MODULES
////////////////////*/
    
.box {
    margin-bottom: 8px; 
    padding-bottom:10px
    }
    
div.tagcloud {  
    
    }
    
table.tagcloud {    
    background:none;
    }
    
table.tagcloud td{    
    line-height:2em;
    }
    

.tagcloud a, .tagcloud a:link, .tagcloud a:visited {
text-decoration:none;
margin-bottom:1.7em;
}
.tagcloud a:hover {
color:#990000;
text-decoration:underline;
}
    

#overviewbox {
    background-color: #e7f0d3;
    border-bottom: 1px solid #87b423;
    }
    
#statusbox {
    background-color: #FCF2CF;
    border-bottom: 1px solid #F6BE0F;
    }
    
#toolbox {
    border-bottom: 1px solid #f90;
    }
    
#greybox {
    background-color: #f9f9f9;
    }

    
#greybox .small {
    color: #ccc;
    }
    
.rss p a, .rss p a:visited {
    background:url(../img/i_rss.gif) no-repeat;
    padding-left:20px;
    margin:.6em 0 .4em 0;
    display:block;
    }
    
    
.tagcloud a, .tagcloud a:visited {padding-right:.2em; } 
.tagcloud a.size_1 {font-size :90%;}
.tagcloud a.size_2 {font-size :110%;}
.tagcloud a.size_3 {font-size :130%;}
.tagcloud a.size_4 {font-size :160%;}
.tagcloud a.size_5 {font-size :180%;}
.tagcloud a.size_6 {font-size :200%;font-weight : bold;}
.tagcloud a.size_7 {font-size :220%;font-weight : bold;}

.process .tagcloud a, .process .tagcloud a:visited {color:#C41C5A;} 
.method .tagcloud a, .method .tagcloud a:visited {color:#9BC41D;}
.case .tagcloud a, .case .tagcloud a:visited {color:#4974B8;}
.news .tagcloud a, .news .tagcloud a:visited {color:#794B96;}
.ask .tagcloud a, .ask .tagcloud a:visited {color:#328FAE;}
.part .tagcloud a, .part .tagcloud a:visited {color:#C3A61C;}
    
/*//////////////////// 
  =LISTS
////////////////////*/


.box ul {
    list-style: none;
    margin-bottom: 1em;
    }
    
.box li {
    margin-bottom: 5px;
    }
    
.process .colLeftHome ul {
     margin: 1em 0 0 1.5em;
    }
    
.process .colLeftHome li {
    margin-bottom: .5em;
    }
    
.process .colLeftHome li {
    margin-bottom: .5em;
    }
    
.sectionMacro .confluenceTd ul.arrow {
list-style-type:none;
padding:0px 0 0px 0px;
}


.sectionMacro .confluenceTd ul.arrow li{
background:url(../img/arrow_particpate.gif) 0 8px no-repeat;
padding:4px 0 4px 15px;
font-weight:bold;
font-size:110%;
}
    
/*//////////////////// 
  =TYPOGRAPHY
////////////////////*/

h3 {
    font-size: 120%;    
    border-bottom: 0px solid #ccc;
    margin-bottom: 10px;
    }
    

    
.box h4 {
    padding: 0px 3px 4px 0px;   
    border-bottom:1px solid #ccc;
    font-size: 110%;
    text-transform:capitalize;   
    color:#000;
    margin-top:0;}


.box h5 {
    padding: 3px 0px 4px 0px;   
    border-bottom:1px solid #CCCCCC;
    font-size: 100%;
    text-transform:capitalize;
    margin-bottom:.5em  
    }
    
p {
    margin-bottom: 0.5em;
    }
    
 p.intro {
    line-height:1.6em;
    margin:0 0 1.3em 0;
    font-size:130%;
    }
    
img.right {
    float:right;
    margin:0 0 15px 20px;
    
    }
    
    
.small {
    font-size: 85%;
    margin-bottom: 0.25em;
    }
    
/*//////////////////// 
  =IMAGES
////////////////////*/


.images p {
    float: left;
    margin-right: 8px;
    margin-bottom: 9px;
    background:url(../img/photo_bg.gif) no-repeat;
    width:173px;
    height:130px;
    }
    
.images p.tagged {
    float:none;
    clear:both;
    background:none;
    width:auto;
    height:auto;
    color:#666666;
    font-size:100%;
}

p.view {
    float:none;
    clear:both;
    background:none;
    width:auto;
    height:auto;
}




/*//////////////////// 
  =BLOG
////////////////////*/


.blogpost {
    padding: 0px 0;
    border:0px solid black;
    
    }
    
.blogHeading {
    font-size: 100%;
    margin-top:0;
    display:block;
    font-weight:bold;
    padding-top:.3em;
    }
    
.blog .blogHeading a,
.blog .blogHeading a:visited {
    text-decoration: none;
    color: #02A0D4;
    }
    
.posted {
    font-size: 85%; 
    padding-bottom: 5px;
    color: #999;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    }
    
.add a, .add a:visited {
    
    padding-left:12px;
    display:inline;
    }
    
.add a.rss, .add a.rss:visited { 
    background:none;    
    }
.add img{float:right;}

.add {padding:4px 0 0 0;
    background:url(../img/add.png) no-repeat 0px 4px;}
    
.view { 

    margin-top:.7em;
    padding-top: 5px;
    }

/* INP-86, used in lastblogtitles.vm */
.involve-blog-posts-display {
	font-size:95%;
	padding-left:20px;
	margin-bottom:10px;
   	}
.involve-blog-posts-emphasize {
	font-size:140%;
	}
    
/*//////////////////// 
  =CONFLUENCE OVERRIDES
////////////////////*/

table.tableview .smalltext {    
    font-size: 85%;
    color: #999;
    }
    
table.tableview td {
    padding: 5px 0px 5px 0 ;
    font-size: 90%;
    vertical-align:top;
    }
    
table.tableview {
    margin: 5px 0 5px 0 ;
    border-collapse:collapse
    }
    
td span a, td, table{
    border:0;
    background:none;
    }
    
table.tableview tr td{
    border-bottom: 1px solid #f1f1f1;
    }

table.tableview tr td.icon{
    width:20px;
    }
    
table.tableview tr td .posted{
    border-bottom: 0px solid #ccc;
    }
    
.news .calendarDisplay tr.week td ul.eventList li.blueAllDay, .news .calendarDisplay tr.week td ul.eventList li.blueAllDay a {
background-color:#794B96;
}
    
    
/*//////////////////// 
  =TABLES
////////////////////*/

table.process { width:100%; border:solid #ccc; border-width:0px 0 1px 0;  margin-bottom:1.5em;}
table.process td{padding:.5em .5em .5em .3em;font-size:85%;}

table.process tr.shade td{background:#eaeaea;}

p.steps {background:#F9E8EE; padding:.5em 0 .5em .3em; margin-bottom:1em;}

input.process_but{border: 1px solid #ccc; padding:6px; color:#FFFFFF; background-color: #C41C5A; font-size:70%;}

td.answer {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    width:40px;
    background:#f7f7f7;
    text-align:center   
}

th.answer { 
    text-align:center   
}

#labelsAlphaList table {
    width:100%;
    margin-top:1em;
    border-collapse:separate;
}

#labelsAlphaList table td{
    padding:10px 10px 10px 10px;
    width:33%;
    vertical-align:top;
    line-height:1.5em;
    background:#f7f7f7;
}

#tablebox table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    width: 99%;
    margin-bottom: 10px;
    margin-left: 1px;
    margin-top: 1px;
}
    
#tablebox table th {
    background-color: #dcdcdc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 110%;
    color: #666;
    padding: 5px;
}
    
#tablebox table td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;   
}
    

    
/*//////////////////// 
  =footer
////////////////////*/

.footer {
    height:20px;
    background:#f1f1f1;
    margin-top:0    
}