/*
BIP 
"8 Sept 2007
*/

* {
	font-family: Arial, Helvetica, sans-serif;
		font-size:100%;
}



body {
	font-size: 75%;
	background-color: white;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
}

#accessibility {
	position: absolute;
	left: -1000px;
	width: 500px;
}

#wrap {
	width: 750px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0;
}

a img {
	border: none;
}
 
div.clear {
	clear: both !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}


#header label, #quicknav label, #nav label {
	cursor: pointer;
}

#header fieldset, #quicknav fieldset, #nav fieldset {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#header select, #quicknav select, #nav select {
	font-size: 100%;
	color: #333;
}

#header input, #quicknav input, #nav input {
	font-size: 100%;
	color: #000;
}

#header input.text, #quicknav input.text, #nav input.text {
	padding: 1px 2px;
}

#header legend, #quicknav legend, #nav legend {
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-weight: bold;
}

#header form, #quicknav form, #nav form {
	padding: 0;
	margin: 0;
}

#header a, #content a, #extras a, #quicknav a, #nav a, #footerlinks a, #footer a {
	text-decoration: none;
	color: #2478B6;
}

#header a:hover, #content a:hover, #extras a:hover, #quicknav a:hover, #nav a:hover, #footerlinks a:hover, #footer a:hover {
	text-decoration: underline;
}


#header {
    /*
    This is set dynamically in style attribute so banner can be chosen per page.
	background: #8ABCDA url(/idk/images/header_bg.gif) no-repeat right top;
    */
    color: white;
	height: 130px;
	overflow: hidden;
}

#header a {
	color: black;
}

#header p {
	margin: 0;
}

#header #global {
	display: inline;
	float: left;
	width: 550px;
	font-size: 92%;
	margin: 0 0 0 0px;
	padding: 0.5em 0 0 0;
	line-height: 130%;
	background-color: transparent;
}

#header #global ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header #global ul li {
	display: inline;
	border-right: 1px solid black;
	padding: 0 0.5em;
	color:#000;
}

#header #global ul li a {
	white-space: nowrap;
	font-color:#000;
}

#header #about {
	display: inline;
	float: left;
	width: 132px;
	margin: 0 0 0 8px;
	font-size: 92%;
}
#header #about p {
	margin: 5px 5px 0 17px;
	text-align: center;
	line-height: 13px;
}

#quicknav {
	background-color: #808080;
	color: white;
	height: 1.5em;
}

#quicknav a {
	color: white;
}

#quicknav p {
	margin: 0;
}

#quicknav #gohome {
	background-color: #808080;
	height: 2.0em;
	padding: 0.1em 0;
	float: left;
	width: 139px;
	border-right: 1px solid white;
}

#quicknav #gohome a {
	font-size:90%;
	display: block;
	width: 129px;
	height: 1.2em;
	padding: 0.5em 4px 0.2em 6px;
}

#quicknav #search {
	background-color: #808080;
	height: 2em;
	float: left;
	width: 270px;
	padding: 0.1em 5px;
}

#quicknav input.button {
	padding: 0 0.2em;
	border: 1px outset;
}

#quicknav #search input.text {
	width: 150px;
}

#quicknav #quickfind {
	background-color: #808080;
	height: 2em;
	float: right;
	width: 320px;
	padding: 0.1em 5px;
	text-align: right;
}

#quicknav #quickfind select {
	width: 200px;
}

#nav {
	width: 138px; 
	float: left;
	overflow: hidden;

}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	border-bottom: 1px solid #fff;
    background-color: #000088;
}
/* change IDeA007 changed active from #F8BA53 to blue to show page user is on*/
#nav ul li.active {
    background-color:#4040a6;
}

#nav ul li.parent {
    background-color:#000088;
}

#nav ul li a, #nav ul li span {
	width: 129px;
	display: block;
	padding: 0.25em 5px;                   /* Top Right Bottom Left */
	color: black;
	font-size: 95%;
	color:#FFF;
}


#nav ul li.parent a {
	color: #fff;
}

#nav ul li.section {
	background-color: #69c;
}
#nav ul li.section a {
	color: #fff;
	
}

#nav ul li.activeSection {
    background-color:#000088;
}

#nav ul li.activeChild {
    background-color:#69C;
}

#nav ul li.Child {
    background-color:#69C;
}

#nav ul li.activeLink {
	    background-color:#69C;
}

#nav ul li.activeLink a, #nav ul li.activeLink span {
    color:#ffffff;
}

#nav ul li.activeSection a, #nav ul li.activeSection span {
	font-weight:bold;
	color:#FFF;
}

#nav ul li.activeChild a, #nav ul li.activeChild span {
	font-weight:bold;
	color:#FFF;
}


/* Styles used in Left Navigator Registration Area */

#nav #register {
	background-color: #69c;
	padding: 0.4em 5px;
	margin: 5px 0 0 0;
	font-size: 92%;
	color:#009;
}

#nav #register input.text {
	width: 96px;
}

#nav #register input.button {
	width: 25px;
	font-size: 111%;
	background-color: #009;
	border: 1px solid #333333;
	color: white;
	font-weight: bold;
}

#nav #register label {
	text-transform: uppercase;
}

#nav #register ul li {
	padding: 0 0 0 7px;
	color:white;
	background: transparent url(/idk/images/bullet_extras.gif) no-repeat 1px 0.5em;
	border: none;
}

#nav #register a {
	color: #009;
	text-decoration: underline;
}

#nav #register p {
	margin: 0.4em 0 0 0;
}


/* Styles used in Left Navigator Personal Folder Area 
A padding is the space between an element's border and the content within it. 
Padding is defined as Top, Right, Bottom, Left
*/

#nav #folder {
	background-color: #F8E9D0;
	padding: 0.0em ;                               
	border-top: 1px solid #fff; 
	
}

#nav #folder ul li a, #nav ul li span {
	width: 129px;
	display: block;
	padding: 0.25em 5px;
	color: black;
	font-size: 95%;
	color:#333;
}


#nav #folder label {
	text-transform: uppercase;
}

#nav #folder a {
	color: #F89A00;
}


#nav #folder ul li {
	border-bottom: 1px solid #fff;
    background-color: #F8E9D0;
    text-decoration: none;
}

#nav #folder p {
	margin: 0.4em 0 0 0;
	border-bottom: 1px solid #fff;
    padding: 0.25em ;   
}

#nav #folder p a {
		text-decoration: underline;
	    color: #5491BA;                               /* Support Request 378, no color here defaults to orange */
}

#nav #print {
	padding: 0.4em 5px;
	font-size: 92%;
}

#nav #print p {
	margin: 0;
}

#nav #print a {
	color: #A6A6A6;
	text-decoration: underline;
	display: block;
	padding: 0 0 0 14px;
	background: transparent url(/idk/images/bullet_print.gif) no-repeat 0 0.3em;
}

/* 

*/
#content_wrapper {
	width: 442px;
	float: left;
	margin: 0;
	overflow: hidden;
}

#content_wrapper_large {
	width: 612px;
	float: left;
	margin: 0;
	overflow: hidden;
}


/* 

 */
#content  {
	margin: 8px 10px 0px 10px;
}

#content ul {
list-style-type: disc;
}
#content ul ul {
list-style-type: circle;
}

#content *  {
line-height: 140%;
}
#content p {
margin: 1em 0;
}
#content h1 {
font-size: 140%;
color: #009090;
margin: 0;
}
#content h2 {
font-size: 120%;
font-weight:normal;
color: #009090;
margin: 0;
}
#content h3 {
color: #009090;
}
/* bordered breakout boxes */
.breakout, .breakoutbox, .breakouttip {
border: #B6B6B6 thin solid; 
padding: 5px; 
}
/* shaded breakout boxes */
.breakout {
background: #ccffff;
}
/*headings within boxes */
#content .breakout h3, #content .breakoutbox h3, #content .breakouttip h3 {
font-size: 105%;
font-weight: bold;
color: #000000;
}
/* table tailoring */
#content table.breakoutbox ul {
margin-left: .75em;
padding-left: .75em;
}

#content tbody.widetable ul {
font-size: 80%;
margin-left: 1em;
padding-left: 1em;
}

/* breakout in blue news box */ 
#extras .breakout { 
background-color:#B5DADA;
border:#B5DADA thin solid; 
}

#extras .breakout h3 { 
font-size: 105%; font-weight: bold: color: #000000; text-align:center;
}
/* colours for blocks and boxes in NPIP modules */ 
#NPIPcover .breakout, #NPIPcover .breakoutbox { border:#009DC0 thin solid; }
#NPIP1 .breakout, #NPIP1 .breakoutbox { border:#009DC0 thin solid; }
#NPIP2 .breakout, #NPIP2 .breakoutbox { border:#E41336 thin solid; }
#NPIP3 .breakout, #NPIP3 .breakoutbox { border:#90BA3D thin solid; }
#NPIP4 .breakout, #NPIP4 .breakoutbox { border:#A8057E thin solid; }
#NPIP5 .breakout, #NPIP5 .breakoutbox { border:#1CA69A thin solid; }
#NPIP6 .breakout, #NPIP6 .breakoutbox { border:#ED833A thin solid; }
#NPIP7 .breakout, #NPIP7 .breakoutbox { border:#760E7E thin solid; }

#NPIPcover .breakout { background:#D1EDF4;}
#NPIP1 .breakout { background:#D1EDF4; }
#NPIP2 .breakout { background:#FFE0E0; }
#NPIP3 .breakout { background:#ECFFD0; }
#NPIP4 .breakout { background:#F9E0EC; }
#NPIP5 .breakout { background:#E0F2EC; }
#NPIP6 .breakout { background:#FFECD0; }
#NPIP7 .breakout { background:#F9EFF9; }

/* navigation for dickensian heading */
.nav-top {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
	margin-top: 0.5em;
    height:3em;
    color:#0B79B6;
}

.nav-top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 130%;
}

.nav-top ul li {
	display: inline;
}

.nav-top ul li a {
	white-space: nowrap;
	padding: 0 0.5em;
}
/* navigation in-page and to detail modules */
.nav-page {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    height:3em;
    color:#0B79B6;
}

.nav-page ul {
	list-style: none;
    padding:0.75em 0 0 0;
    margin:0;
}
.nav-page ul li {display:inline;}

.nav-page  .detail {
	float:left;
  	text-align: left;
    padding-left:0.5em;
}
.nav-page .top {
    float:right;
  	text-align:right;
    padding-right:1em;
}

.nav-page .detail img {
    height:7px;
  	width:15px;
}

.nav-page .top img {
    height:12px;
  	width:5px;
}


/* navigation between modules*/

#nav-menu {LEFT: 0;top:0.25em;height:12.5em; POSITION: relative;}
#nav-menu .breakoutbox {width: 100%;height:100%;}
html>body #nav-menu .breakoutbox {width: 99%;height:100%;padding:1;}

#nav-menu ul {
list-style: none;
padding:0;
margin:0;}

#nav-menu ul li{
display:block;
float: left;
padding:0;
margin:0;
height:100%;
}
html>body #nav-menu ul li{
height:98%;
} 

#nav-menu ul li a {
display: block;
height:100%;
width:83px;
color:#fff;
font-size:90%;
text-decoration: none;
text-align: center;
border:1px solid white;
}
html>body #nav-menu ul li a {
height:98%;
width:81px;
}
#nav-menu ul .breakout {
position:relative;left:12.5%;
width:75%;
text-align:center;
padding:0;
margin:0;
}

#nav-menu ul ul  {
list-style: none;
padding:0;
margin:0;
}

#nav-menu ul ul li{
display:block;
max-height:1em;
padding:0;
margin:0;
text-align: center;
}

#nav-menu ul ul li a {
display: block;
max-height:1em;
width:405px;
color:#0B79B6;
font-size:90%;
text-decoration: none;
text-align: center;
}
 
html>body #nav-menu ul ul li a {
min-height:1em;
line-height:1em;
width:405px;
} 
#section1 .section1 a,
#section2 .section2 a,
#section3 .section3 a,
#section4 .section4 a,
#section5 .section5 a,
#section6 .section6 a,
#section7 .section7 a,
#section8 .section8 a,
#section9 .section9 a {
color:#0B79B6;
background-color:#E8E8E8;
font-size:100%;
font-weight:bold;
}
/* shift NPIP text to cover standard H1 area */
#npip1,#npip2,#npip3,#npip4,#npip5,#npip6,#npip7 {position:relative;top:-2em;}
/* grey background for NPIP current module in menu*/
#npip1 .npip1 a,
#npip2 .npip2 a,
#npip3 .npip3 a,
#npip4 .npip4 a,
#npip5 .npip5 a,
#npip6 .npip6 a,
#npip7 .npip7 a {background-color: #E8E8E8;}
/* colour coding for NPIP modules (top & body menu text & h3) */
#npip1 #nav-top,#npip1 .nav-page,#npip1 h3 {color:#009DC0;}
#npip2 #nav-top,#npip2 .nav-page {color:#E41336;}
#npip3 #nav-top,#npip3 .nav-page {color:#90BA3D;}
#npip4 #nav-top,#npip4 .nav-page {color:#A8057E;}
#npip5 #nav-top,#npip5 .nav-page {color:#1CA69A;}
#npip6 #nav-top,#npip6 .nav-page {color:#ED833A;}
#npip7 #nav-top,#npip7 .nav-page {color:#760E7E;}
/* colour coding and padding for NPIP modules (H1 H2 text) */
#npip1 h1, #npip0 h2 {width:100%;background-color:#009DC0;color:#fff;line-height:2em;padding-left:0.25em;}
/*#npip2 h1,#npip2 h2,#npip2 h3 {background-color:#E41336;color:#fff;}
#npip3 h1,#npip3 h2,#npip3 h3 {background-color:#90BA3D;color:#fff;}
#npip4 h1,#npip4 h2,#npip4 h3 {background-color:#A8057E;color:#fff;}
#npip5 h1,#npip5 h2,#npip5 h3 {background-color:#1CA69A;color:#fff;}
#npip6 h1,#npip6 h2,#npip6 h3 {background-color:#ED833A;color:#fff;}
#npip7 h1,#npip7 h2,#npip7 h3 {background-color:#760E7E;color:#fff;}*/
/* colour coding padding and spacing for NPIP menu elements */
#nav-menu .npip1 a span span {background-color:#009DC0;}
#nav-menu .npip2 a span span {background-color:#E41336;}
#nav-menu .npip3 a span span {background-color:#90BA3D;}
#nav-menu .npip4 a span span {background-color:#A8057E;}
#nav-menu .npip5 a span span {background-color:#1CA69A;}
#nav-menu .npip6 a span span {background-color:#ED833A;}
#nav-menu .npip7 a span span {background-color:#760E7E;}

#nav-menu .npip1 a:hover {background-color:#74CADD;}
#nav-menu .npip2 a:hover {background-color:#F394A4;}
#nav-menu .npip3 a:hover {background-color:#B8D384;}
#nav-menu .npip4 a:hover {background-color:#C860AD;}
#nav-menu .npip5 a:hover {background-color:#5ABEB6;}
#nav-menu .npip6 a:hover {background-color:#F4B082;}
#nav-menu .npip7 a:hover {background-color:#A866AD;}

#nav-menu li a span {display:block;color:#0B79B6;
                    font-size:110%;font-weight:bold;line-height:110%; 
                    text-align:center;height:8em;text-decoration:underline;}
html>body #nav-menu li a span {text-decoration:none;}                  
#nav-menu li a span span {display:block;color:#fff;
                         font-size:100%;font-weight:normal;line-height:100%;
                         text-align:center;height:7em;text-decoration:none;
                         position:relative;top:1em;left:0;}

#nav-menu li a .head1 {line-height:200%;}
#nav-menu li a .head2 {line-height:100%;}

#nav-menu li a .text1 {padding-top:3.0em;}
#nav-menu li a .text2 {padding-top:2.5em;}
#nav-menu li a .text3 {padding-top:2.0em;}
#nav-menu li a .text4 {padding-top:1.5em;}

html>body #nav-menu li a .text1 {height:5em;} 
html>body #nav-menu li a .text2 {height:5.5em;}
html>body #nav-menu li a .text3 {height:6em;}
html>body #nav-menu li a .text4 {height:6.5em;}

#nav-menu li a:hover,
#nav-menu li a:hover span {color:#fff;cursor:pointer;}
#nav-menu li a:hover span span {font-weight:bold;text-decoration:underline;}
#nav-menu ul ul li a:hover {
height:0.5em;
color:#0B79B6;
font-weight:bold;
text-decoration: underline;
}

/* using a list as a menu element for NPIP sub-sections 
#nav-menu #nav-list {
display:block;
text-align:center;
border:0;
margin:0;
padding:0;
width:85%;
height:95%;
}
html>body #nav-menu #nav-list {width:70%;}

#nav-list div {
LINE-HEIGHT: 0.5em; 
POSITION: relative;
width:100%; 
HEIGHT:0.5em;
}

#nav-list ul {
list-style:none;
margin-top:0;
}
#nav-list ul li{
display:block;
color:#0B79B6;
background-color:#fff;
}

#section1 #nav-list a,
#section2 #nav-list a,
#section3 #nav-list a,
#section4 #nav-list a,
#section5 #nav-list a,
#section6 #nav-list a,
#section7 #nav-list a,
#section8 #nav-list a,
#section9 #nav-list a {
width:100%;
height:0.5em;
color:#0B79B6;
background-color:#fff;
font-size:90%;
text-decoration: none;
}


#section1 #nav-list a:hover,
#section2 #nav-list a:hover,
#section3 #nav-list a:hover,
#section4 #nav-list a:hover,
#section5 #nav-list a:hover,
#section6 #nav-list a:hover,
#section7 #nav-list a:hover,
#section8 #nav-list a:hover,
#section9 #nav-list a:hover {
height:0.5em;
color:#0B79B6;
font-weight:bold;
text-decoration: underline;
}

#section1 #nav-list .section1 a,
#section2 #nav-list .section2 a,
#section3 #nav-list .section3 a,
#section4 #nav-list .section4 a,
#section5 #nav-list .section5 a,
#section6 #nav-list .section6 a,
#section7 #nav-list .section7 a,
#section8 #nav-list .section8 a,
#section9 #nav-list .section9 a {
color:#0B79B6;
background-color:#fff;
font-size:95%;
font-weight:bold;
padding-right: 2em;
}
/*
html>body #nav-list div {left:3em;width:75%;height:1em;float:left;clear:none;} 

html>body #nav-list ul {
display:block;
width:100%;
list-style:none;
margin-top:0;
}
*/

#content div.subitem {
margin: 0;
border-top: 1px solid #ccc;
clear: both;
min-height: 60px;
}
#content .subitems div.subitem {
padding: 0.4em 0 0.4em 70px;
}
#content .subitems-noimage div.subitem {
	padding: 0.4em 0 0.4em 0px;
	}

#content .subitem h2 {
	margin: 0;
	padding: 0;
}
#content .subitem p {
	margin: 0.3em 0 0 0;
	padding: 0;
}
#content .subitem p a {
	font-weight: bold;
	color: #333333;
}

#content .subitem img {
float: left;
width: 60px;
margin: 0.3em 0 0.6em -70px;
}

#content .subitem .deeplinks  {
   margin-top: 4px;
}

#content .subitem .deeplinks a {
	font-weight: bold;
	color: #333333;
}



#content .relatedlinks * {
line-height: 100%;
}
#content .relatedlinks h2 {
font-size: 125%;
padding: 0.5em 0;
border-top: 1px solid #e7e9e9;
border-bottom: 1px solid #e7e9e9;
}
#content .relatedlinks ul {
list-style: none;
padding: 0;
margin: 0;
}
#content .relateds ul li {
margin: 0.75em 0;
padding: 0 0 0 22px;
background: transparent url(/idk/images/bullet_link.gif) no-repeat 0 0.2em;
}
#content .relatedlinks a {
color: #333333;
font-size: 92%;
}
#content .relatedlinks strong {
display: block;
font-size: 110%;
margin: 0px;
color: #333333;
}

#content .input.submit {
	background-color: #808080;
	font-weight: bold;
	color: #ffffff;
	margin-top: 10px;

}

/* change IDeA011 horizontal rule class, as several pages used this div  */
.horz-rule {
    width: 99%; 
	background-color: #ffffff;
	border-bottom: 1px dotted #0B79B6;
	margin-top: 4px;
	margin-bottom: 4px;
	clear:left;

}

/* 
	These are legacy styles still used in some places and in admin 
 */

#largecopy, .largecopy {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 580px;
	background-color: #ffffff;
	position: relative;
	clear: none;
	}


#adminpagebody {
	background-color: #ffffff;
	margin: 5px 0px 0px 8px;
	width:100%;
}

#pagebody {
	background-color: #ffffff;
	margin: 5px 0px 0px 8px;
	width:100%;
}

/*
	The user profile management screens use the "userProfile" class on the pageBody div.
*/
#pagebody.userProfile  {
	margin: 15px 15px 5px 15px;
}

#pagebody.userProfile h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 150%;
	font-weight: bold;
	padding: 0px 0 0 0 ; 
	color: #009090;
	}

#pagebody.userProfile h1 a {
	color: #0C9F27;
}

#pagebody.userProfile h1 a:hover {
	color: #0C78B6;
}

#pagebody.userProfile p {
	margin:4px 0 0 0 ;
}

#pagebody.userProfile a {
	color: #0C78B6;
	}

#pagebody.userProfile a:hover {
	color: #000000;
	}


#pagebody.userProfile hr  {
	border: 1px dotted #C3D9E6;
	margin-top: 6px;
}

#pagebody.userProfile form * {
	font-size: 1em;
 	}

#pagebody.userProfile legend {
	font-size: 150%;
	font-weight: Bold;
	color: #0C78B6;
	}

#pagebody.userProfile label {
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 150%;
}

#pagebody.userProfile h2 {
	margin: 10px 0 6px 0 ;
	font-size: 120%;
	font-weight: normal;
	padding: 0px 0 0 0 ;
	color: #0C78B6;
	}

#pagebody.userProfile h2 a {
	color: #009090;
	}

#pagebody.userProfile h2 a:hover {
	color: #0C78B6;
	}

#pagebody.userProfile fieldset {
	margin-top: 10px;
	width: 70%;
	padding: 10px 15px 15px 15px;
	border: 1px solid #333333;
}
	
#pagebody.userProfile .bld {
	font-weight: bold;
	font-size: 110%; 
	color: #333;
	}
	
#pagebody.userProfile .businesscard {
	BORDER-RIGHT: 1px dotted #0b79b6 ;
	PADDING-RIGHT: 5px;
	BORDER-TOP: 1px dotted #0b79b6 ;
	PADDING-LEFT: 5px;
	BORDER-LEFT: 1px dotted #0b79b6 ;
	WIDTH: 300px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 10px;
	BORDER-BOTTOM: 1px dotted #0b79b6 ;
	margin-bottom:5px;
}

#pagebody.userProfile input.submit {
	background-color: #85BCDA;
	font-weight: bold;
	color: #ffffff;
	margin-top: 10px;
	}

/* 

*/
#rwhiteRow {
	background-color: #ffffff;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	padding : 2px 2px 5px 2px;
}


#extras, .column3 {
	width: 170px;
	float: right;
	overflow: hidden;
}


/* 
   Styles used for the Right Hand navigator

*/


#extras div {
	position: relative;
	padding: 0.4em 5px;
	margin: 0.5em 0;
	background-color: #e7e9e9;
}	

#extras div.box1 {
	background-color: #EAFFFF;
}

#extras div.box1 h2 { 
	color: #ffffff; 
	background: #00BBBB; 
}

#extras div.box2 {
	background-color: #E6FFFF;
}

#extras div.box2 h2 { 
	color: #ffffff; 
	background: #009595; 
}

/*
	For some designs its useful to have an inner div inside each sidebar div.
	In this design we dont use it so make it unobtrusive.
*/
#extras div.innerbox {
	padding: 0;
	margin: 0;
	border:0;
	background-color: transparent;
}

#extras div.address {
	background-color: #E9F4F8;
}

#extras div.address p {
	font-size: 100%;
}

#extras div.address strong {
	position: relative;
	width: 1.5em;
	float: left;
	clear: both;
	display: block;
}

#extras div.address a {
	text-decoration: underline;
}

#extras div.address p.helpdesk {
	padding: 1em 0 0 0;
	clear: both;
}

#extras div.address p.helpdesk a {
	color: #2478B6;
	text-transform: uppercase;
}

#extras div.success {
	background-color: #E9F4F8;
}

#extras div.success h2 {
	background-color: #0199C8;
}

#extras div.success a.more {
	color: #0199C8;
}

#extras div.whatsnew {
	background-color: #EEF3DF;
}

#extras div.whatsnew h2 {
	background-color: #7DA713;
}

#extras div.whatsnew a.more {
	color: #7DA713;
}

#extras div.how {
	background-color: #F7EEDF;
}

#extras div.how h2 {
	background-color: #F99A00;
}

#extras div.how a.more {
	color: #F99A00;
}

/* Share your ideas */
#extras div.share {
	background-color: #F8EFF0;
}

#extras div.share h2 {
	background-color: #FF6668;
}

#extras div.share a.more {
	color: #FF6668;
}

/*background color changed...29/4/2005*/
#extras div h2 {
	position: relative;
	font-size: 100%;
	padding: 0.3em 5px;
	background-color:#808080;
	color: white;
	margin: -0.4em -5px 0 -5px;
}
/* change IDeA  font-weight changed from bold to normal 
    Set this back as it was upsetting RH links
*/
#extras div h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.3em 0;
}

#extras div p {
	font-size: 92%;
	margin: 0;
}

#extras div ul {
	font-size: 92%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#extras div ul ul {
	font-size: 100%;
}

#extras div ul li {
	border-bottom: 1px solid #ccc;
	padding: 0.3em 0 0.3em 7px;
	background: transparent url(/idk/images/bullet_extras.gif) no-repeat 1px 0.9em;
}

#extras div ul li.more {
	background: transparent none;
	text-align: right;
	border: none;
	padding-bottom: 0;
}

#extras div div {
	position: relative;
	border-bottom: 1px solid #ccc;
	margin: 0.3em 0;
	padding: 0 0 0.3em 0;
	background-color: transparent;
}

#extras div div h3 {
	position: relative;
	padding: 0;
	margin: 0;
}

#extras div div p {
	position: relative;
}

#extras a {
	color: #333;
}

#footerlinks {
	clear: both;
	border-top: 1px solid #ccc;
	padding: 0.5em 0;
	margin-top: 6px;
}

#footerlinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 130%;
}

/* change IDeA 0013 - footerlinks color amended here */
#footerlinks ul li {
	color:#333333;
	display: inline;
}

#footerlinks ul li a {
	white-space: nowrap;
	color: #333333;
	border-right: 1px solid #333333;
	padding: 0 0.5em;
}


#footer {
	border-top: 1px solid #ccc;
	padding: 0.5em 0;
	font-size: 92%;
	color: #999;
}

#footer p {
	margin: 0;
	line-height: 100%;
}

#footer a {
	color: #999;
	text-decoration: underline;
}

#footer div {
	float: left;
}

#footer div.left {
	float: left;
	padding: 0 0 30px 0;
}

#footer div.right {
	float: right;
	padding: 0 0 30px 0;
}

#footer div.left img {
	margin: 0 8px 0 0;
}
#footer div.right img {
	margin: 0 0 0 8px;
}


.bluetext {
	color: #0B79B6;
	font-size:90%;
}




#page-title {
	background-color: transparent;
	height: 2.0em;
	font-weight: bold;
	font-size:100%;
	padding: 0.5em 4px 0.2em 6px;
}


#blog-content  {
    margin: 8px 5px 0px 10px;
}

#blog-content * {
	line-height: 130%;
}

#blog-content p {
	margin: 0 0 0.5em 0;
}

#blog-content h1 {
	font-size: 150%;
	color: #2478B6;
	margin: 0 0 0.5em 0;
	line-height: 110%;
}

#blog-content h2 {
	font-weight: bold;
	font-size:140%;
	color: black;
    margin-top: 0em;
    margin-bottom: 1em;
    width:100%;
    border-bottom: 1px solid #c0c0c0;
	line-height: 110%;
}

#blog-content h3 {
	font-weight: bold;
	font-size:130%;
	color: #686868;
    margin-top: 0em;
    margin-bottom: 0.5em;
	line-height: 110%;
}

#blog-content h4 {
	font-size: 120%;
	color: #ffffff;
	background-color: #c0c0c0;
	padding: 2px 0px 2px 4px;
	line-height: 110%;
    margin-top: 0em;
    margin-bottom: 0.5em;
}

#blog-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#blog-content ul li {
	margin-top: 4px;

}

#blog-content ul li a {
	text-decoration: none;
	color: #686868;
    font-size: 110%;
    font-weight:bold;
}

#blog-content ul li a:hover {
	text-decoration: underline;
}


div.blog-entry-body {
	font-size:110%;
    margin: 0px 0px 0px 0px;
}

div.blog-entry-body p {

	margin-bottom: 1em;
}

.blog-entry-footer {
    clear: both;
    font-weight: normal;
	font-size:90%;
	color: black;
    margin-top: 0.6em;
    margin-bottom: 2.5em;
}

.blog-entry-footer a {
	text-decoration: underline;
    color: darkblue;
}

.blog-comment-header {
	font-size:130%;
    margin-top: 1em;
}

.blog-comment-header b {
    color: #484848;
}

.blog-comment-header a {
	text-decoration: none;
    color: olive;
    font-weight: bold;
}

.blog-comment-header a:hover {
	text-decoration: underline;
    color: olive;
    font-weight: bold;
}

.blog-comment-footer {
    margin-bottom: 0.5em;
}


.story {
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
 
div.story p { 
	margin-top: 6px;
	margin-bottom: 6px;
	}

div.story h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	}


.storyimg {
	margin-top:10px;
	margin-right:10px; 
	margin-bottom:20px;
	float: left;
	border: none;
}


#inmainleft {
 	width: 201px;
 	float: left;
 	border-right: 1px solid #cccccc;
 	margin-bottom: 10px;
 	}

#inmainright {
  	float: left; 
  	width: 201px;
  	text-align: left;
 	margin-left: 6px; 
 	margin-bottom: 10px;
 	}

div#inmainleft h1 {
 	margin-top: 0px;
 	padding-left: 0px;
 	font-size:110%
}

div#inmainright h1 {
  	margin-top: 0px;
  	padding-left: 0px;
  	font-size:110%
 	}

div#inmainleft p {
 	margin-top: 0px;
 	padding-left: 4px;
 	}

div#inmainright p {
  	margin-top: 0px;
  	padding-left: 0px;
 	}

.strapline {
	padding: 0;
	font-size: 50%;
	color: #999;
	display: none;
}

.childlink-section h2, .childlink-section h2 a {
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
}

.childlink-section h3, .childlink-section h3 a {
	font-size: 100%;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
}

.childlink-section h4, .childlink-section h4 a {
	font-size: 100%;
	font-weight: normal;
	margin: 0px 0px 2px 0px;
}

.childlink-section h5, .childlink-section h5 a {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 2px 0px;
}

/* Styles to support Page Ranking */
.voteBox {
		width: 60%;
		margin: 0;
		padding: 0;
		text-align: center;
		align:center;
}
.voteBox legend {
		color: #F89A00;
}

div.comment-published {
	font-size:110%;
    margin: 0px 0px 12px 0px;
}

div.comment-published p {

	margin-bottom: 1em;
}

div.comment-unpublished {
	font-size:110%;
    margin: 0px 0px 12px 0px;
    color:#666666;
}

div.comment-unpublished p {

	margin-bottom: 1em;
}

/* Styles for displaying file attachments in a table at the end of a core page */

.pageAttachmentsTable  {
	width:100%;
	margin-bottom:4px;

}

.pageAttachmentsTitleRow  {
	background-color: #F8E9D0;
	color:#000000;
	text-decoration:none;
	font-size: 95%;
	text-align: left;
	margin-top: 16px;
	padding-top: 4px;
	padding-left: 4px;
}


.pageAttachmentsRowOdd  {
	background-color:#f0f0f0;
	color:#000000;
	font-size:0.9em;
	text-decoration:none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 4px;
}

/* Every 2nd row has a grey background */
.pageAttachmentsRowOdd A {
    background-color:#f0f0f0;
	color:#000000;
	text-decoration:none;
	font-size:0.9em;
}

.pageAttachmentsRowEven {
	background-color:#ffffff;
	color:#000000;
	font-size:0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	text-decoration:none;
	padding-left: 4px;
}

.pageAttachmentsRowEven A {
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	font-size:0.9em;
}
#corePageAssetNamesSection {
	width: 95%;
}

/* Style for bottom [Open], etc links */
#bottomEditLink {
	text-align: center;
}

#bottomEditLink A {
	font-family:verdana;
	color:#666666;
	text-decoration:none;
}


/* Style for login/user details when shown at top of every page */
#userbar {
	font-size: 0.9em !important;
	color: #000000;
	margin-bottom: 4px;
}

#userbar ul li.last {
	border-right-style: none;
}

#userbar ul {
	margin-left: 5px;
	font-size: 1em;
	display: inline;
	list-style: none;
	padding-left: 0px;
}

#userbar #global-links {
	float: right;
	margin-top: -1.2em;
}
                          
#userbar ul li {
	display: inline;
	border-right: 1px solid black;
	padding-left: 10px;
	padding-right: 8px;
	color:#000;	
}

#userbar A {
	color: #000000;
	text-decoration: none;
}

#userbar A:hover {
	text-decoration: underline;
}

#userbar #current {
	margin-right: 0px;
	color: #959595;
}

#userbar #current-user-name {
	font-weight: bold;
}

ul.linearList {
	display: inline;
	list-style: none;
	margin-left: 0px !important;
}

ul.linearList li {
	display: inline;	
}

ul.no-bullet-list {
	list-style: none;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

ul.no-bullet-list li {
	margin-bottom: 5px;
}

li div.threadRow, div.forumThreadSubs ul li  {
	background-color: #ffffff !important;
}

span.centre-text {
	text-align: center;
}