/*  (do not remove this :) */
/*  (not this either :) */

/*--------------------------------------------------------------------------------------*/
/* temporarily invisible to get the rest of the page in order */
/*--------------------------------------------------------------------------------------*/

.hiddenStructure,
#portal-siteactions,
#portal-personaltools,
.documentActions,
span#breadcrumbs-you-are-here,
dt.portletHeader{
	display:none;
}

/*--------------------------------------------------------------------------------------*/
/* other temp styles */
/*--------------------------------------------------------------------------------------*/
	

i{font-style:normal;}

/*--------------------------------------------------------------------------------------*/
/* major colours */
/*--------------------------------------------------------------------------------------*/

div.LSBox input.searchButton {
	background-color:#46AA42; /* SEARCH GO BUTTON */
}
#content a:link,
#content a:visited,
#elearning .start,
#portlet-login .login,
.portalMessage,
#content #relatedItems li a {
	color: #46AA42;
}
#content .ldcourse .documentFirstHeading {
	border-color:#46AA42;
}
#portal-footer li a,
#portal-breadcrumbs li a:link,
#portal-breadcrumbs li a:visited{
	color:#078300;
}
#tabs,
#content .blocks{
	background-color:#806a6d;
}
#content .blocks{
	background-image:url(gradient1.jpg);
}
.blocks .img img,
.blocks .right-img img {
  border: 1px solid #555555;
}
#portlet-navigation-tree li a{
	background-color:#BAC4B7; /* FIRST NAV COLOUR - GREY GREEN */
}
#portlet-navigation-tree li a.navTreeCurrentItem,
#portlet-navigation-tree li a:focus,
#portlet-navigation-tree li a:hover,
#portlet-navigation-tree li a:active {
	background-color:#46AA42; /* FIRST NAV SELECTED COLOUR */
}
#portlet-navigation-tree ul.navTreeLevel1 li a {
	background-color: #46AA42; /* SECOND NAV COLOUR - DEEP GREEN */
	color: white;
}
#portlet-navigation-tree ul.navTreeLevel1 li a.navTreeCurrentItem,
#portlet-navigation-tree ul.navTreeLevel1 li a:focus,
#portlet-navigation-tree ul.navTreeLevel1 li a:hover,
#portlet-navigation-tree ul.navTreeLevel1 li a:active{
	background-color:#806a6d; /* SECOND NAV SELECTED COLOUR */
	color: white;
}
#portlet-navigation-tree ul.navTreeLevel2 li a {
	background-color:#95B893; /* THIRD NAV COLOUR */
  color: white;
}
#portlet-navigation-tree ul.navTreeLevel2 li a.navTreeCurrentItem,
#portlet-navigation-tree ul.navTreeLevel2 li a:focus,
#portlet-navigation-tree ul.navTreeLevel2 li a:hover,
#portlet-navigation-tree ul.navTreeLevel2 li a:active{
	background-color:#b1dbaf; /* THIRD NAV SELECTED COLOUR */
	color:#FFFFFF;
}
.addenda,
.portalMessage,
.progress .log,
#certificate .reflections {
  background-color: #f7f5e0; /* PALE YELLOW */
}
dl#portlet-login td input,
dl#portlet-login {
  border: 1px solid #b5b5b5; /* MID GREY */
}
#elearning a:hover,
dl#portlet-login {
  background-color: #dfedde; /* PALE GREEN */
}
#content .mailto a:link,
#content .mailto a:visited,
#coursenav a:link,
#coursenav a:visited {
  color: #3333cc;
}

a.glossary,
.info,
.success,
.error {
  background-color: #FFFFDD;
  border: 1px solid #DDDD00;
}
.progress .log,
#certificate .reflections {
  border: 1px solid #cccccc;
}

/*--------------------------------------------------------------------------------------*/
/* actual stylesheet */
/*--------------------------------------------------------------------------------------*/
html,body{
	margin:0;
	padding:0;
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-family:Verdana,Arial,sans-serif;
	font-size:101%;
color:#333333;
}
.visualClear,
.clearall{
	clear:both;
	height:0;
	overflow:hidden;
}
a img{
	border:0;
	display:block;
}
ul,
li{
	margin:0;
	padding:0;
}

/*--------------------------------------------------------------------------------------*/
/* font-sizes and -family */
/*--------------------------------------------------------------------------------------*/

#content{
font-size:100%;
}
#content h1,
#content h2{
font-size:110%;
}
#content h3{
font-size:92%;
}
#content h4{
font-size:75%;
}
#content #relatedItems h2{
	font-size:100%;
}
#content p,
#content ul,
#content ol,
div.documentDescription {
  font-size: 75%;
}
#content th,
#content td{
	font-size:62%;
}
#content p p,
#content ul p,
#content ol p,
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul,
#content td td,
#content td th,
#content th th,
#content th td,
#content td ul,
#content th ul,
#content td p,
#content th p{
	font-size:100%; /* to avoid decrementing sizes in nested lists and tables */
}
#tabs,
#portlet-navigation-tree li a,
#portal-column-one .blocks h2,
#content .blocks h2,
#content .blocks ul,
#content .blocks p{
	font-size:70%;
}
#portal-column-one .blocks ul,
#portal-breadcrumbs,
#portal-footer ul,
#portal-footer p{
	font-size:65%;
}
#portlet-navigation-tree ul.navTreeLevel1 li a,
#portlet-navigation-tree ul.navTreeLevel2 li a{
	font-size:64%;
}
#content h1,
#content h2,
#content h5,
#content h6{
	font-family:"Lucida Grande",Verdana,Arial,sans-serif;
	font-weight:normal;
}
#content h3,
#content h4 {
  font-weight: bold;
}
#content p,
#content ul,
#content ol,
#content th,
#content td{
  font-family:Verdana,Arial,sans-serif;
  line-height: 1.5em;
  #line-height: 1.6em;
}

#content td h5 {
  font-size:100%;
}


#portal-column-one .blocks h2,
#content .blocks h2,
#portal-column-one .blocks ul,
#content .blocks ul,
#content .blocks p,
#portal-footer{
	font-family:Verdana,Arial,sans-serif;
        line-height:1.2em;
}

/*--------------------------------------------------------------------------------------*/
/* construction */
/*--------------------------------------------------------------------------------------*/
/* dom-structure 

#visual-portal-wrapper
- #portal-top
- - h1#portal-logo
- - #top
- - - #nhs-logo
- - - #portal-searchbox
- - - #tabs
- #portal-columns
- - #visual-column-wrapper
- - - #portal-column-content
- - - - #content-header
- - - - #portal-breadcrumbs
- - - - #content
- - - #portal-column-one
- #portal-footer
- #portal-colofon

*/

body{
/*	text-align:center;*/ /* client wants pages left aligned */
}
#visual-portal-wrapper{
	width:765px;
/* 	margin:auto; */ /* client wants page left aligned */
	margin-bottom:1em;
	text-align:left;
}
#portal-logo{
	margin:0; /* in case it's a h1 element */
	float:left;
	width:198px;
	height:75px;
}

#top{
	height:76px;
	margin-left:200px;
	position:relative; /* kader voor tabs */
	_left:-3px; /* only for IE, to fix the 3px jog bug */
	_margin-right:-3px; /* to repair the damage of the previous line in IE */
}
#nhslogo{
  text-align:right;
  margin: 0;
}
#nhslogo a img {
  display: inline;
}
#portal-column-content{
	float:right;
	width:565px;
	margin-left:1px;
}
#portal-breadcrumbs,
#content{
	padding:10px 0 10px 10px;
}

/*--------------------------------------------------------------------------------------*/
/* portal-tabs */
/*--------------------------------------------------------------------------------------*/

#tabs{
	color:black;
  color:#333333;
	height:25px;
}
ul#portal-globalnav{
	list-style:none;
	top:0;
}
ul#portal-globalnav li{
	float:left;
}
ul#portal-globalnav li a{
	display:block;
	float:left; /* needed for IE7 */
	background-color:#806a6d;
	color:white;
	text-decoration:none;
	padding:5px 5px;
	border-left:1px solid white;
}

/*--------------------------------------------------------------------------------------*/
/* portal-columns */
/*--------------------------------------------------------------------------------------*/

#portal-columns{
	background-image:url(sidebar.jpg);
	background-repeat:repeat-y;
	border-top:8px solid white;
	border-bottom:8px solid white;
}

/*--------------------------------------------------------------------------------------*/
/* portal-column-content */
/*--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/* portal-breadcrumbs */
/*--------------------------------------------------------------------------------------*/


#portal-breadcrumbs ul{
	list-style:none;
}
#portal-breadcrumbs li{
	display:inline;
	color:#676767;
}
#portal-breadcrumbs li.first{
	padding-left:13px;
	background-image:url(arrow.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
#portal-breadcrumbs li a:link,
#portal-breadcrumbs li a:visited{
	text-decoration:none;
}
#portal-breadcrumbs li{
}
#portal-breadcrumbs li span.crumbimage{
	padding-left:13px;
	background-image:url(gt.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

/*--------------------------------------------------------------------------------------*/
/* content */
/*--------------------------------------------------------------------------------------*/

#content h1,
#content h2{
margin-top:0;
border-bottom:1px solid #8CACBB;
}
#content p{
	1padding-right:30px;
	margin:0 0 1em 0;
}
#content ul{
	margin-left:3px;
	margin-bottom:1em;
	padding:0 10px;
	list-style-type:disc;
}
#content ul ul{
	margin-bottom:0;
}
#content table{
 	width:100%;
      _width:auto;
	border-collapse:collapse;
}
#content th,
#content td{
	text-align:left;
	padding:10px;
	border:1px solid #CFCFCF;
}
#content th{
	background-color:#D1DFEC;
	font-weight: bold;
}
#conent td{
	vertical-align:top; 
}


/*--------------------------------------------------------------------------------------*/
/* portal-column-one */
/*--------------------------------------------------------------------------------------*/

#portal-column-one{
	float:left;
	width:199px;
	min-height:300px;
	background-color:#EFEFEF;
	color:black;
color:#333333;
}
#portal-column-one dl,
#portal-column-one dt,
#portal-column-one dd{
	margin:0;
	padding:0;
}


/*--------------------------------------------------------------------------------------*/
/* portal-navigation */
/*--------------------------------------------------------------------------------------*/


#portlet-navigation-tree{
	1background:white;
	margin-bottom:40px;
}
#portlet-navigation-tree ul{
	list-style:none;
}
#portlet-navigation-tree ul,
#portlet-navigation-tree li{
	padding:0;
	margin:0;
}
#portlet-navigation-tree li a{
	display:block;
	color:black;
	text-decoration:none;
	padding:6px 10px 4px 10px;
	border-bottom:1px solid white;
}
#portlet-navigation-tree li a.navTreeCurrentItem{
	color:#FFFFFF;
	font-weight:bold;
}
#portlet-navigation-tree ul.navTreeLevel1{
	border-bottom:1px solid white;
}
#portlet-navigation-tree ul.navTreeLevel1 li a{
	padding:3px 0 2px 20px;
	border-bottom:0 solid white;
  width: 179px;
}
#portlet-navigation-tree ul.navTreeLevel1 li a.navTreeCurrentItem{
	font-weight:normal;
}
#portlet-navigation-tree ul.navTreeLevel0 li a.CurrentItemAncestor{
	font-weight:bold;
}
#portlet-navigation-tree ul.navTreeLevel1 li a.CurrentItemAncestor{
	background-color:#FA5C1C;
	color:#FFFFFF;
	font-weight:bold;
}

#portlet-navigation-tree ul.navTreeLevel2 li a{
  background-image: url(bullet-white.gif);
  background-position: 10px center;
  background-repeat: no-repeat;
	padding:3px 0 2px 20px;
	border-bottom:0 solid white;
  width: 179px;
}
#portlet-navigation-tree ul.navTreeLevel2 li a.navTreeCurrentItem{
	font-weight:normal;
}
#portlet-navigation-tree ul.navTreeLevel2 li a.CurrentItemAncestor{
	background-color:#FA5C1C;
	color:#FFFFFF;
	font-weight:bold;
}
#portlet-navigation-tree ul.navTreeLevel3 li a {
  background-image: none;
	padding:3px 0 2px 30px;
  width: 169px;
}

/*--------------------------------------------------------------------------------------*/
/* portal-footer + portal-colophon */
/*--------------------------------------------------------------------------------------*/


#portal-footer ul{
	list-style:none;
	background-color:#CFCFCF;
	line-height:2.7em;
	padding-left:10px;
}
#portal-footer li{
	display:inline;
}
#portal-footer li a{
	text-decoration:none;
}
#portal-footer p{
	color:#636363;
	margin:0;
	padding-left:10px;
	line-height:2.7em;
}

/*--------------------------------------------------------------------------------------*/
/* blocks general (styles for both homepage sidebar and all pages' content area) */
/*--------------------------------------------------------------------------------------*/

.blocks{
	padding:8px;
}
#portal-column-one .blocks h2,
#content .blocks h2{
	color:white;
	font-weight:bold;
	margin:0 0 10px 0;
	border-bottom-width:0px;
}
.blocks .bordered{
	background-color:#F2F3F5;
	border:1px solid #588274;
	border-top-width:2px;
	padding:5px;
}
#portal-column-one .blocks ul,
#content .blocks ul{
	list-style:none;
}
.blocks li{
	margin-bottom:14px;
}
.blocks .top,
.blocks .bottom{
	height:2px;
	border-top:1px dashed #B6B6B6;
	border-bottom:1px dashed #B6B6B6;
	overflow:hidden;
}
.blocks li{
	background-image:url(arrow.gif);
	background-position:0 2px;
	_background-position:0 3px;
	background-repeat:no-repeat;
}
.blocks li span{
	font-weight:bold;
	padding-left:13px;
}
.blocks a:link,
.blocks a:visited{
	color:#FE6700;
}

/*--------------------------------------------------------------------------------------*/
/* all blocks in homepage sidebar */
/*--------------------------------------------------------------------------------------*/

#portal-column-one .blocks{
	background-color:#96BAAE;
	background-image:url(green-gradient.jpg);
	background-position:right bottom;
	margin:11px;
}
#portal-column-one .blocks li span{
	_background-position:0 .5em; /* for IE only */
}

/*--------------------------------------------------------------------------------------*/
/* all blocks in content area */
/*--------------------------------------------------------------------------------------*/

#content .blocks{
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:345px; /* for IE5 */
	w\idth:330px; /* for IE6 + 7 */
	float:left; /* needed for real browsers to extend background past floated content */
}
#content .blocks h2{
	background-image:url(fold.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:-8px;
	margin-right:-8px;
	padding-top:8px;
}
#content .blocks ul,
#content .blocks li{
	margin:0;
	padding:0;
}
#content .bordered{
	padding:10px 12px;
	border-top-width:1px;
}


/*--------------------------------------------------------------------------------------*/
/* right-portlets block in content area */
/*--------------------------------------------------------------------------------------*/

#content #right-portlets{
	float:right;
	width:195px;
	margin-left:0px;
  padding-left: 10px;
  background-color: white;
}

/*--------------------------------------------------------------------------------------*/
/* news block in content area */
/*--------------------------------------------------------------------------------------*/

#content #latestnews,
#content #further,
#content #related {
	width:180px;
}
#content #latestnews li{
	padding-bottom:10px;
	border-bottom:1px dashed #B6B6B6;
	margin-bottom:0;
	margin-top:7px;
}
#content #latestnews li.last{
	border-bottom:0px dashed #B6B6B6;
	background-image:none;
}

/*--------------------------------------------------------------------------------------*/
/* downloads block in content area */
/*--------------------------------------------------------------------------------------*/

#content #downloads{
	background-color:#AEC8BF;
	background-image:url(green-gradient.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:195px;
	w\idth:180px;
	margin-top:2.7em;
}
#content #downloads ul{
	margin-bottom:7px;
}
#content #downloads li{
background-image:none;
	margin-bottom:0;
	margin-top:7px;
	zoom:1 /* to get IE to keep span inside li */
}
#content #downloads li img{
	float:left;
}
#content #downloads li span{
	display:block;
	font-weight:bold;
	padding:0;
	margin-left:25px;
	vertical-align:top;
}

#content #downloads .top,
#content #downloads .bottom{
	height:2px;
	border-top:1px dashed #B6B6B6;
	border-bottom:1px dashed #B6B6B6;
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------*/
/* editable top block in content area */
/*--------------------------------------------------------------------------------------*/

#content .blocks div.right-img{
	float:right;
	width:100px;
	height:100px;
	padding-left:10px;
	background-color:#F2F3F5;
}
#content .blocks div.right-img img{
	width:100px;
	height:100px;
	background:white;
}
#content .blocks p{
	margin:8px 0;
}
#content .blocks .outer,
#content .blocks .inner{
	border-top:1px dashed #B6B6B6;
	border-bottom:1px dashed #B6B6B6;
}
#content .blocks .outer{
	padding:2px 0;
}
#content .blocks .inner{
	min-height:92px;
	_height:92px; /* for IE */
}

/*--------------------------------------------------------------------------------------*/
/* editable split block in content area */
/*--------------------------------------------------------------------------------------*/

#content .bordered-split{
	width:331px;
	width:328px;
	padding:0;
}
#content .bordered-split li div.set{
	background-color:#F2F3F5;
	border:1px solid #588274;
}
#content .blocks ul.split{
	width:328px;
	padding:0px;
	margin:0px;
}
#content .blocks ul.split li{
	float:left;
}
#content .blocks ul.split li div.set{
	/* don't change the order of the next two lines */
	display:table-cell; /* for Firefox */
	display:inline-block; /* for Opera and IE */
	margin:0;
	padding:0;
}
#content .blocks ul.split li div.set{
	width:157px;
	border:1px solid #588274;
}
#content .blocks ul.split li.right{
	margin-left:8px;
}
#content .blocks ul.split li span.text{
	display:block;
}
#content .blocks ul.split li div.set,
#content .blocks ul.split li span.img,
#content .blocks ul.split li span.text{
	padding-left:0;
	background-image:none;
	font-weight:normal;
}
#content .blocks ul.split li span.img{
	display:block;
	width:151px; /* necessary for Firefox bug */
/*	height:89px;
overflow:hidden; */ /* testing what happens if no height is given */
}
#content .blocks ul.split li span.img,
#content .blocks ul.split li span.text{
	padding:3px;
}
#content .blocks ul.split li span.text span{
	display:block;
	background-image:url(arrow.gif);
	background-position:0 0;
	background-repeat:no-repeat; /* for some reason it does get repeated vertically in MacIE5.2 */
	margin-bottom:4px;
}
#content .blocks ul.split li div.bottom{
	margin:10px 5px 5px 5px;
}

/*--------------------------------------------------------------------------------------*/
/* Related Items */
/*--------------------------------------------------------------------------------------*/

#content #relatedItems h2{
	margin:0;
}
#content #relatedItems .top{
	height:2px;
	border-top:1px dashed #B6B6B6;
	border-bottom:1px dashed #B6B6B6;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:10px;
}
#content #relatedItems ul,
#content #relatedItems li{
	margin:0;
	padding:0;
	list-style:none;
}
#content #relatedItems li{
	padding-left:15px;
	padding-top:5px;
	background-image:url(arrow.gif);
	background-repeat:no-repeat;
	background-position:0 .6em;
}

/*Added by Pawel - colophon icon*/


#portal-colophon .colophonIcon
{
    display: block;
    text-decoration: none;
    overflow: hidden;
    padding-top: 15px;
    height: 0px;
    width: 80px;
    cursor: pointer;
}

/*Pawel*/
p.documentDescription{
    font-weight: bold;
}

/* added by Els, request client: */

#content .newsItem{
margin-bottom:1em;
}
#content .newsItem h5{
font-size:75%;
font-weight:bold;
}
#content .newsItem h5,
#content .newsItem p,
#content .newsItem ul.newsAbout,
#content .newsItem ul.newsFooter{
margin:0 auto;
}

/* WJG */

.glossary img {
  display: inline;
  vertical-align: middle;
}
a.glossary {
  1background-image: url(glossary-icon-small.gif);
  1background-repeat: no-repeat;
  1background-position: 2px 2px;
  padding: 2px;
  1padding-left: 21px;
  text-decoration: none;
}
#content #right-portlets #further {
  background-image: url(gradient1.jpg);
}
.further img {
  margin-bottom: 10px;
}

table#elearning {
  clear: both;
}
#elearning img {
  float: left;
  border: 1px solid #6c6c6c;
  margin: 3px 6px 5px 0;
}
#elearning .start img {
  float: none;
  border: 0;
  margin: 0 3px;
  display: inline;
  vertical-align: middle;
}
#elearning td {
  width: 50%;
  vertical-align: top;
  border: 0;
  padding: 0 5px 0 0;
}
#elearning h2 {
  color: black;
  font-weight: bold;
  border-bottom: 0;
  margin-bottom: 0;
}
#elearning p {
  padding-right: 0;
  color: #666666;
}
#elearning td.left {
  padding-right: 5px;
}
#elearning td.right {
  padding-left: 5px;
}
#elearning {
  margin: 1em 0;
}
#elearning .top {
  background-image: url(elearn-grad-1.jpg);
  background-repeat: repeat-y;
  height: 2px;
  margin-bottom: 3px;

  font-size: 0; /* IE6 Bug Fix */
}
#elearning a {
  display: block !important;
  text-decoration: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
#elearning .start {
  text-align: right;
  text-transform: uppercase;
  margin-bottom: 3px;
}
#elearning a:hover .start {
  color: #666666;
}
#elearning .clearboth {
  clear: both;
  height: 1px;
  margin: 0;
}
.doubleline {
  height: 2px;
  border-top: 1px dashed #999999;
  border-bottom: 1px dashed #999999;
  margin-bottom: 10px;
  line-height: 0; /* IE6 Bug Fix */
  font-size: 0;
}
#content .ldcourse h1 {
  font-weight: bold;
}
#content .ldcourse h2 {
  font-weight: 100;
}
#content .ldcourse h3 {
  border: 0;
}
#content .ldcourse .documentFirstHeading {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  text-align: center;
  padding: 0.25em;
  font-size: 110%;
}

.ldcourse hr {
  border: 0;
  border-top: 1px solid #bbbbbb;
}
ul#coursenav {
  text-align: center;
  margin: 0 0 2em 0;
}
#coursenav li {
  display: inline;
}
#coursenav a img {
  display: inline;
}

.padme {
  padding-left: 10px;
}
#portal-columns {
  background-image: url(sidebar-199.png);
  border-bottom-width: 1px;
}
.addenda {
  background-color: #f7f5e0;
  padding: 10px 10px 10px 15px;
  clear: both;
}
#content .addenda h2 {
  color: #666666;
  border: 0;
  font-size: 90%;
  font-weight: bold;
}
.ldcourse img {
  border: 0;
}
#enrol {
  width: 60%;
  float: left;
}
#related .bordered {
  padding-bottom: 0;
  #padding-bottom: 10px;
}
#related .links {
  margin-bottom: 10px;
}
#content #related li {
  margin: 3px 0;
}

.portalMessage {
  padding: 5px;
  margin-bottom: 20px;
  font-weight: bold;
}

/* Kupu image alignment classes */

.image-left {
float: left;
clear: both;
margin: 0.5em 1em 0.5em 0;
border: 1px solid Black;
}

.image-inline {
float: none;
}

.image-right {
float: right;
clear: both;
margin: 0.5em;
border: 1px solid Black;
}

dl#portlet-login {
  float: right;
  margin-top: 0;
  margin-left: 10px;
  padding: 10px 0;
}
dl#portlet-login dd {
  margin-left: 1em;
  margin-right: 1em;
}
dl#portlet-login table {
  width: auto;
}
dl#portlet-login td {
  border: 0;
  padding: 2px 5px;
}
dl#portlet-login td input {
  border: 1px solid black;
}

/* from public.css */

.formHelp {
font-size: 90%;
margin: 0 0 0.2em 0;
}

.formHelp:hover {
cursor: default;
}

div.field {
  font-size: 80%;
}
.field {
top: 0;
left: 0;
margin: 0 1em 1em 0;
}

.field .field {
margin: 1em 0 0 0;
}

.fieldRequired {
background: url(required.gif) center left no-repeat;
padding: 0 0 0 8px;
}

.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}

.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}

.formHelp {
font-size: 90%;
margin: 0 0 0.2em 0;
}

.formHelp:hover {
cursor: default;
}

.formControls {
  margin: 0.5em 0 0 0;
}

.error {
/* Class for error indication in forms */
#1background-color: pink;
#1border: 1px solid black;
#1padding: 1em;
#1margin: 0 0 1em 0;
#1width: 95%;
}

/* Code to work around IE's lacking support of sub-elements of the input element */
.noborder,
.documentEditable * .noborder {
border: none;
margin: 0;
background: none;
background-color: transparent;
}

/* from base.css */

input {
visibility: visible;
vertical-align: middle;
background: White url(input_background.gif) repeat-x;
}
#feedback input {
  background-image: none;
  background-color: transparent;
}

label {
font-weight: bold;
}
#portlet-login .formControls {
  text-align: right;
}
#portlet-login .login {
  background-image: url(green-start.gif);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 10px;
  #padding-right: 2px; /* Excludes all browsers except IE */
  background-color: transparent;
  border: 0;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
#portlet-login a.tile {
  font-size: 65%;
}
#portlet-login label {
  font-weight: normal;
  color: #333333;
}
.courseGlossary dt {
  font-weight: bold;
}
.courseGlossary dd {
  font-size: 80%;
}
.mailto {
  text-align: right;
}
.mailto a {
  line-height: 40px;
}
.mailto img {
  display: inline;
  vertical-align: middle;
  border-bottom: 0;
  padding-right: 5px;
  padding-left: 25px;
}

#feedback td {
  vertical-align: top;
  border: 0;
  padding: 5px 0;
  font-size: 75%;
}
#feedback table {
  width: auto;
}
#feedback textarea {
  width: 300px;
  height: 9ex;
}

.success {
  padding-left: 43px;
  padding-top: 5px;
  padding-bottom: 7px;
  background-image: url('success.gif');
  background-repeat: no-repeat;
  background-position: 3px center;
  color: black !important;
}
.error {
  padding-left: 40px;
  padding-top: 5px;
  padding-bottom: 7px;
  background-image: url('error.gif');
  background-repeat: no-repeat;
  background-position: 3px center;
  color: black !important;
}
.info {
  padding-left: 43px;
  padding-top: 5px;
  padding-bottom: 7px;
  height: 20px;
  background-image: url('info.gif');
  background-position: 3px center;
  background-repeat: no-repeat;
  color: black !important;
}
#right-portlets .blocks li{
  padding-left: 12px;
}
div.LSBox input.searchButton {
  background-image: none;
}

table#stats {
  margin-bottom: 10px;
}
table#stats td,
table#stats th {
  padding: 2px 10px;
  font-size: 80%
}
table#stats li {
  font-size: 120%;
}
table#stats img {
  display: inline;
  vertical-align: middle;
}
table#stats a {
  text-decoration: none;
}
table#stats .centered {
  text-align: center;
}
table#stats tr.vote {
  background-color: #f0ffe0;
}
table#stats .statTitle th {
  background-color: #e8f0e8;
  padding: 0 10px 0 20px;
}
table#stats .statHist th {
  font-weight: normal;
  padding: 0 10px 0 30px;
}
table#stats .statHist td,
table#stats .statHist th {
  font-size: 70%;
  background-color: #efffd0;
}
#content .ldcourse th {
  background-color: #bac4b7;
}

/* --- THE NEW LOGIN PORTLET --- */

#login {
  float: right;
  width: 211px;
  border: 1px solid #b5b5b5;
  background-color: #dfedde;
  margin-left: 10px;
  font-size: 90%;
}
#login h2 {
  background-color: #806a6d;
  border: 0;
  color: white;
  font-weight: bold;
  font-size: 90%;
  padding: 8px 5px;
  margin: 0;
}
#login .loginreg {
  border-top: 1px solid #dfedde;
  background-image: url(greengrad-44.png);
  background-repeat: repeat-x;
  text-align: right;
  margin: 0;
  padding-top: 10px;
  height: 40px;
}
#login .loginreg li {
  list-style-type: none;
  display: inline;
  padding-right: 5px;
}
#login .loginreg .float {
  float: left;
  padding-right: 0;
  padding-left: 5px;
}
#login .loginreg a {
  background-image: url(whitearrow-10.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  text-decoration: none;
  font-weight: bold;
}
#login .loginreg a,
#login .loginreg a:link,
#login .loginreg a:visited {
  color: white;
  text-transform: uppercase;
}
#login a:hover {
  color: black;
}
#login .bottom {
  padding-left: 10px;
  padding-right: 10px;
  #font-size: 90%;
}
#login .bottom ul {
  #margin-left: 5px;
  padding-right: 0;
}
#login .bottom li {
  list-style-image: url(blacktri-6.gif);
  list-style-position: outside;
}
#login p.green {
  border-top: 1px solid white;
  padding-top: 10px;
}
#login .green a {
  text-decoration: none;
}
#login .green img {
  display: inline;
  vertical-align: center;
}

.progress label {
  display: block;
  margin-top: 0.5em;
}
.progress img {
  display: inline;
  vertical-align: middle;
}
.progress a {
  text-decoration: none;
}
#content .progress a:hover {
  color: black;
}
.progress .log,
#certificate .reflections {
  margin-top: 0.5em;
  padding: 10px;
}

#portal-footer p a {
  text-decoration: none;
}

#certificate div {
  margin-bottom: 1em;
}
#certificate h1 {
  margin-bottom: 0;
}
#certificate h1,
#certificate h2 {
  border-bottom: none;
}
#certificate p {
  text-align: center;
}

#certificate .visualNoPrint img {
  display: inline;
  vertical-align: middle;
}
#certificate .visualNoPrint a {
  text-decoration: none;
}

div.elearningDescription {
  font-size: 75%;
  line-height: 1.5;
}
 
/* NEW CSS FOR LDFACDEV2 - WJG OF OPENIA LTD */

/* Searchbox style and positioning */

#portal-searchbox {
	text-align: right;
	white-space: nowrap;
	z-index: 2;
}
#portal-advanced-search {
	margin-top: 0.2em;
	clear: both;
}
#portal-advanced-search a {
	color: #76797c;
	text-decoration: none;
}

/* FROM BASE.CSS */
fieldset {
border: 1px solid #8cacbb;
margin: 1em 0em 1em 0em;
padding: 0em 1em 1em 1em;
line-height: 1.5em;
width: auto;
}
legend {
background: White;
padding: 0.5em;
font-size: 90%;
}
/* LiveSearch styles */
.LSRes {
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
color: #436976;
background-color: White;
vertical-align: middle;
display:block;
list-style-image: none;
list-style-type: none;
text-align: left;
min-width: 16.5em;
text-transform: none;
margin-left: 0;
line-height: 1.1em;
}
#LSHighlight {
background-color: #dee7ec;
border: 1px solid #8cacbb;
color: #436976;
}
.LSRow {
border: 1px solid White;
white-space: normal;
padding:0;
margin: 0;
list-style-image: none;
list-style-type: none;
}
.LSRow a {
text-decoration: none;
font-weight:bold;
white-space:nowrap
}
.LSDescr {
color: #76797c;
text-transform: lowercase;
padding-left:2.1em;
margin-top:-0.1em;
}
.LSResult {
position: relative;
display: block;
text-align: right;
padding-top: 5px;
margin: 0;
left: 3px;
z-index: 3;
}
.LSShadow {
position: relative;
text-align: right;
}
.livesearchContainer {
background-color: White;
margin-top: 0;
padding: 0 !important;
position: absolute;
right: 0px;
/* Currently exposes a rendering bug in Mozilla */
top: 0;
white-space: normal;
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
visibility: visible;
text-align: left;
color: #436976;
border: 1px solid #8cacbb;
width: 30em;
text-transform: none;
}
* html .livesearchContainer {
padding: 1px !important;
padding-top: 0 !important;
background-color: #8cacbb;
border: 0;
}
#livesearchLegend {
line-height: 1em;
margin-top: -2em;
margin-left: -0.1em;
margin-left: -1px;
border: 1px solid #8cacbb;
border-bottom: 0;
}
* html #livesearchLegend {
margin-top: -1.9em;
margin-left: -8px;
position: relative;
}
/* Workaround for Internet Explorer's broken z-index implementation */
.LSIEFix {
background-color: White;
padding: 0.5em !important;
z-index: 20;
}
.LSBox {
clear: left;
float: left;
text-align: right;
padding-right: 1px;
display:block;
}
#LSNothingFound {
text-align: center;
padding: 2px;
}

body {
	background-color: #eeeeee;
}
#visual-portal-wrapper {
	background-color: white;
	width: 948px;
	margin: auto;
	padding: 0 20px;
}
#portal-top {
	height: 207px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 20px;
}
#portal-logo{
	float: none;
	width: auto;
	height: auto;
	background: url(ld-logo.png) no-repeat;
	border: 0;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}
#portal-logo a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-top: 104px;
	height: 0px !important;
	width: 232px;
	cursor: pointer;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.cright {
	clear: right;
}
.cleft {
	clear: left;
}
#nhslogo {
	margin-right: 20px;
/*	display: block;
	width: 49px;
	height: 32px;
	background: url(nhs.png) no-repeat;
	margin-right: 20px;*/
}
#tabs {
	background-color: transparent;
	white-space: nowrap;
	padding-left: 20px;
	font-size: 65%;
// 	letter-spacing: -1px;
	margin-top: 54px;
}
ul#portal-globalnav li {
	float: none;
	display: inline-block;
	height: 21px;
	background-color: #603a25;
	padding: 8px 10px 0 10px;
// 	margin-right: 3px;
}
ul#portal-globalnav li a {
	background: url(tab-chevron.png) 100% 50% no-repeat;
	text-transform: uppercase;
	border: 0;
	padding: 0 14px 0 0;
}
div.LSBox input.searchButton {
	background: url(search-chevron.png) 0 0 no-repeat transparent;
	width: 19px;
	height: 19px;
	color: transparent;
	border: 0;
	margin-bottom: 5px;
	font-size: 0;
}
.LSBox {
	border: 1px solid #e5e5e5;
	padding: 17px 10px 12px;
	margin-bottom: 10px;
	float: none;
}
#searchGadget {
	border: 1px solid #dadada;
	background: url(search-glass.png) 3px 50% no-repeat transparent;
	padding-left: 19px;
	width: 164px;
	margin-bottom: 5px;
}
#content #right-portlets {
	width: 232px;
}
.LSResult {
	padding-top: 0; /* NOT SURE WHY PADDING-TOP IS 5PX, BUT IT JUST MAKES THE RIGHT PORTLETS JUMP */
}
#content .blocks h2 {
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
	color: black;
	background: #e3e3e3;
}
#content .blocks {
	background: transparent;
	float: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#content #latestnews,
#content #further,
#content #related {
	width: 232px;
}
#latestnews ul {
	border: 1px solid #e3e3e3;
}
#content .blocks ul {
	padding: 0 10px;
}
.blocks li {
	background: none;
}
#content #latestnews li {
	border-bottom: 1px solid #e3e3e3;
}
.blocks li span {
	color: #0063be;
	padding: 0;
}
#content a:link,
#content a:visited,
#elearning .start,
#portlet-login .login,
.portalMessage,
#content #relatedItems li a {
	color: #0063be;
}
.blocks a:link,
.blocks a:visited {
	text-decoration: none;
}
#right-portlets .blocks li {
	padding-left: 0;
}
#content #latestnews li.last {
	font-weight: bold;
}
#portlet-elearning {
	background: url(portlet-tree.png) no-repeat;
	border: 1px solid #e3e3e3;
	padding: 8px 6px;
	height: 129px;
}
#portlet-elearning h2 {
	border: 0;
	color: #603a25;
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.2;
	padding-left: 4px;
	padding-right: 50px;
}
#portlet-elearning ul {
	padding: 0;
}
#portlet-elearning li {
	list-style-image: url(portlet-chevron.png);
	list-style: none;
	list-style-image: none;
	list-style-position: inside;
	background: url(portlet-chevron.png) 0 50% no-repeat;
	padding-left: 16px;
}
#portlet-elearning a {
	text-decoration: none;
	font-weight: bold;
}
#portlet-navigation-tree li a.navTreeCurrentItem {
	color: #666666;
	background-image: url(grey-chevron.png);
}
#portlet-navigation-tree li a.navTreeCurrentItem,
#portlet-navigation-tree li a:focus,
#portlet-navigation-tree li a:hover,
#portlet-navigation-tree li a:active {
	background-color: transparent; /* FIRST NAV SELECTED COLOUR */
}
#portal-column-one {
	background-color: transparent;
	width: 232px;
}
#portlet-navigation-tree li a {
	background-color: transparent; /* FIRST NAV COLOUR - GREY GREEN */
	color: #0063be;	
	font-weight: bold;
	background: url(portlet-chevron.png) 0 10px no-repeat;
	padding-left: 16px;
	border: 0;
}
#portal-columns {
  background-image: none;
}
.contenttype-plone-site a {
	text-transform: uppercase; /* THIS JUST AFFECTS THE HOME LINK IN THE NAVIGATION PORTLET */
}
h1, h2, h3, h4, h5, h6 {
	color: #66bd29;
	line-height: 1.1;
	font-weight: bold;
}
#content h1,
#content h2 {
	border: 0;
}
h1 {
	text-transform: uppercase;
}
#portal-column-content {
	width: 706px;
}
#homepage-ctr {
	background: #66bd29;
	padding-top: 166px;
	padding-bottom: 10px;
	width: 444px;
}
#homepage-ctr-img {
	position: absolute;
  margin-bottom: 10px;
}
#home-chevron {
	position: absolute;
}
#homepage-ctr h2 {
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
	margin: 0 10px 0 10px;
}
#homepage-ctr h2,
#homepage-ctr p,
#homepage-ctr a:link,
#homepage-ctr a:visited {
	color: white;
}
#homepage-ctr p {
	margin: 0 10px 0 10px;
}
table#homepage-bott {
	width: 444px;
	margin-top: 20px;
}
table#homepage-bott img {
	display: block;
}
table#homepage-bott td {
	padding: 0;
	border: 0;
	width: 212px;
}
table#homepage-bott td.spacer {
	width: 20px;
	background-color: transparent !important;
}
table#homepage-bott .grey-bg td {
	background-color: #e3e3e3;
	padding: 10px;
}
table#homepage-bott h3 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 110%;
}
table#homepage-bott h3 a {
	text-decoration: none;
	color: #0063be;
}
#portal-footer {
	margin-top: 20px;
	border-top: 1px solid #d3d3d3;
	padding-bottom: 20px;
}
#portal-footer ul {
	background-color: transparent;
	float: right;
}
#portal-footer li {
	color: #8f8f8f;
}
#portal-footer li a:link,
#portal-footer li a:visited {
	color: #0063be;
}
#portal-footer p {
	color: #666666;
	padding-left: 0;
}
#portal-footer a:link,
#portal-footer a:visited {
	color: #666666;
}
#content h1.documentFirstHeading {
	margin-top: 0;
	font-size: 120%;
}
#login {
  clear: right;
  width: 230px;
	border: 0;
}
#loginreg {
	background-color: #e6e6e6;
	padding: 10px;
}
#loginreg a:link,
#loginreg a:visited {
	background: url(portlet-chevron.png) 100% 50% no-repeat;
	color: #0063be;
	padding-right: 17px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
#loginreg hr {
	color: #8a8a8a;
}
#loginreg p {
	margin: 0;
}
#loginreg ul {
	margin-left: 10px;
}
#loginreg li {
}
.LDCourseRow {
	overflow: hidden;
	clear: both;
}
.LDCourse {
	width: 162px;
	float: left;
	margin-right: 16px;
	border-top: 16px solid white;
	background: #e3e3e3;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
.LDCourse.left {
	clear: both;
}
.LDCourse.right {
	margin-right: 0px;
}
.LDCourseImage {
	background: 50% 50% no-repeat;
	height: 85px;
}
.LDCourseDetails {
	background: url(course-chevron2.png) 100% 8px no-repeat;
	padding: 0 5px;
	font-size: 75%;
}
.LDCourseDetails a {
	display: block;
	height: 40px;
	text-decoration: none;
	font-weight: bold;
	font-size: 75%;
	padding-right: 30px;
	padding-top: 2px;
}
.LDCourseDetails p {
	margin: 0;
}
#portlet-ldcourse {
	background-color: #e3e3e3;
	padding: 10px 0;
	margin: 20px 0;
}
#portlet-ldcourse li {
	display: block;
	float: left;
	width: 50%;
}
#portlet-ldcourse ul {
	padding: 0;
	margin: 0;
}
#portlet-ldcourse a:link,
#portlet-ldcourse a:visited {
	text-transform: uppercase;
	background: url(portlet-chevron.png) 100% 50% no-repeat;
	padding-right: 15px;
	text-decoration: none;
	padding-left: 10px;
	font-weight: bold;
}
#portlet-ldcourse .right a:link,
#portlet-ldcourse .right a:visited {
	border-left: 1px solid #8a8a8a;
	padding-left: 14px;
}
ul#coursenav {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 15px 0;
	margin-top: 4px;
	margin-bottom: 4px;
	clear: both;
}
#coursenav li {
	margin: 0 10px;
}
#coursenav img {
	vertical-align: middle;
}
#coursenav a {
	text-decoration: none;
}
.underline {
	text-decoration: underline !important;
}
#ldcourse-bottom-boxes {
	clear: both;
	overflow: hidden;
}
.ldcourse-bottom-box {
	background-color: #ededed;
	width: 171px;
	margin-right: 4px;
	float: left;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}
.norightmargin {
	margin-right: 0 !important;
}
#content .ldcourse-bottom-box p {
	margin: 10px;
	font-size: 70%;
}
.ldcourse-bottom-box img {
	display: inline;
	vertical-align: middle;
}
#portal-breadcrumbs {
	border-bottom: 1px solid #d3d3d3;
	padding-left: 0;
	margin-left: 10px;
}
#portal-breadcrumbs a:link,
#portal-breadcrumbs a:visited {
	text-decoration: none;
}
a:link,
a:visited {
	color: #0063be;
}
#content .blocks h2.green {
	color: white;
	background: #66bd29;
}
#related .links {
	border: 1px solid #e3e3e3;
	padding: 10px;
}
#related .links p {
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #d3d3d3;
}
#related .links ul {
	padding: 10px 0 0 0;
}
#related .links li {
	background: url(portlet-chevron.png) 0 3px no-repeat;
	padding-left: 16px;
}
.fckgreybox {
	background-color: #e6e6e6;
	padding: 10px;
}
#enrol {
  width: auto;
  float: none;
}
.field .LDCourse {
	width: auto;
	float: none;
	margin: 0;
	border: 0;
	background: transparent;
}
#login_form {
	border: 1px solid #c8c8c8;
	padding-bottom: 10px;
}
#login_form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
#login_form legend {
	width: 684px;
	padding: 5px;
	background-color: #66bd29;
	color: white;
	font-weight: bold;
}
#login_form h2 {
	padding: 5px;
	background-color: #66bd29;
	color: white;
	font-weight: bold;
	margin: 0;
}
#login_form .field,
#login_form .formControls,
#login_form p {
	padding: 10px 0 0 10px;
	margin: 0;
}
.formControls input.context {
	background: url(brown-chevron-stripe.png) 100% 50% no-repeat #603a25;
	padding: 1px 25px 1px 10px;
	border: 0;
	color: white;
	font-weight: bold;
}
#portlet-navigation-tree ul.navTreeLevel2 li a:link,
#portlet-navigation-tree ul.navTreeLevel2 li a:visited {
	background: url(portlet-chevron.png) 0 10px no-repeat;
	padding-left: 16px;
	width: auto;
	padding: 6px 10px 4px 16px;
	color: #0063be;	
	font-size: 70%;
	margin-left: 10px;
}
#portlet-navigation-tree .visualIcon {
	border-bottom: 1px solid #d3d3d3;
}
.fieldRequired {
	background-image: url(required-star.png);
	color: white;
}
hr {
	border: 0;
	border-bottom: 1px solid #d3d3d3;
}
#content #downloads{
	width: auto;
	margin-top: 20px;
	background: none;
}
.blocks .bordered {
	background-color: transparent;
	border: 1px solid #e3e3e3;
	padding: 5px;
}
#content .blocks{
	background: none;
}
#content #downloads li span{
	margin-left: 0;
}
#content #downloads ul{
	margin: 0 0 17px 0;
	padding: 0;
}
#portlet-navigation-tree ul.navTreeLevel2 li a.navTreeCurrentItem{
	font-weight: bold;
	color: #666666;
	background-image: url(grey-chevron.png);
}
h2.Subheading {
	text-transform: uppercase;
}

/* END OF NEW CSS FOR LDFACDEV2 */
/*  */