* {	
	margin: 0;
	padding: 0;  
}

body {
	font-size: 76%;
	font-family: arial, verdana, sans-serif;
	color: #666;
	background: #FFF url("/images/bg-wrapper.gif") repeat-y;
}

p, ul, ol, table, input, option, textarea, dl {
	font-size: .9em;
	font-family: arial, verdana, sans-serif;
	color: #666;
}

p, li {
	line-height: 1.3;
}

p.close-window {
	text-align: right;
}

#contentandrightbg p {
	margin-bottom:1em;
}

h1, h2, h3, h4, h5 {
	line-height: 1.2;
}

h1 {
	font-size: 1.2em;
	color: #369;
}

h2 {
	font-size: 0.85em;
	margin-bottom: 6px;
}

h3 {
	font-size: 0.9em;
}

h4, h5, h6 {
	font-size: 0.9em;
	color: #666;
}

img {
	border: 0;
}

a:link 
{
	color: #369;
	cursor: pointer;
}

a:visited
{
	color: #369;
}

a:hover
{
	color: #999;
}

.hide, legend, #skip {
	position: absolute;
	top: -5000px;
	left: -5000px;
}

/* colour contrast to banner, pos to fit by logo */
#skip:focus {
	top: 0.2em;
	left: 1em;
	color: #FFF;
	font-weight: bold;
	padding: 0.2em 1em;
}

legend {
	z-index: -1;
}

.floatwrapper {
min-height: 1%;
}
.floatwrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}


fieldset {
	border: 0;
}

.rightpadding {
	padding-right: 5px;
}

.clearleft {
	clear: left;
}

.clearboth {
line-height: 0.0; 
clear: both;
}

.inpage {
	padding-left: 14px;
	background: url("/images/arrow-blue-down.gif") no-repeat left;
}

/*wrapper
++++++++++++++++++++++++++++*/
#wrapper {
	width: 772px;
}

/*banner
++++++++++++++++++++++++++++*/
#banner {
	position: relative;
	width: 772px;
	height: 156px;	
	background: url("/images/bg-banner.jpg") no-repeat;
}

/* logo link alt text colour */
#banner img {
	color: blue;
	position: absolute;
	top: 27px;
	left: 24px;
}

/* hide when images are displayed */
#sitetitle { 
	display: none;
}

#topright {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 26px;
	height: 19px;	
	background: url("/images/bg-topright.gif");
}

/*tools
++++++++++++++++++++++++++++*/
#tools {
	border: 1px solid #c5c5c5;
	background: #FFF;
	width: 760px;
	margin: 2px 0 2px 5px;	
	position: relative;
}

/*breadcrumb
++++++++++++++++++++++++++++*/
#breadcrumb {
	color: #69C;
	float: left;
	width: 510px;
	font-size: 0.85em;
	line-height: 1.2;
	padding: 0.6em 0 0.6em 0.5em;
}

#breadcrumb a {
	color: #69C;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb p {
	vertical-align: middle;	
}

/*searchform
++++++++++++++++++++++++++++*/
#searchform {
	position: absolute;
	width: 190px;
	top: 10%;
	right: 6px;
	line-height: 1;
}

 /* text field */
#searchterm {
	width: 128px;
	border: 1px solid #a5acb2;
	vertical-align: middle;	
}

#searchsubmit {
	vertical-align: middle;
}

/*navigation
++++++++++++++++++++++++++++*/
#navigation {
	float: left;
	width: 144px;
}

#navigation ul {
	list-style-type: none;
}

#navigation #site {
	border: 1px solid #c5c5c5;
	background: #FFF;
	margin-left: 5px;	
	height: 100%;
}

/* First level */
#site li {
	margin: 4px;
	background: #ddeeff;
	padding-left: 0.4em;
	padding-right: 0.4em;
	padding-top: 4px;
	padding-bottom: 4px;
}

#site li.current a {
	text-decoration: underline;
	font-weight: bold;
}

#site li a {
	text-decoration: none;
	color: #336699;	
}

#site li a:hover {
	text-decoration: underline;	
}

/* Second level */
#site .site2nd {
	border: none;
	background: #FFF;
	padding-top: 2px;
	margin-top: 4px;
	margin-bottom: -9px;
	margin-left: -5px;
	margin-right: -5px;
	font-size: 1em;
	display: block;
}

#site .site2nd li {
	margin: 4px;
	background: #FFF url("/images/border-dotted-hrz.gif") bottom repeat-x;
	position: relative;
	display: block;
	padding-top: 0px;
	padding-bottom: 4px;
}

#site .site2nd li.current a {
	text-decoration: underline !important;
	font-weight: bold  !important;
}

#site li.current .site2nd a {
	text-decoration: none;
	font-weight: normal;
	color: #336699;
}

#site .site2nd a {
	text-decoration: none;
	font-weight: normal;
	color: #336699;
}

#site .site2nd a:hover {
	text-decoration: underline;	
}

/* Third level */
#site .site3rd {
	border: none;
	margin-left: 0px;
	margin-right: 4px;
	font-size: 0.98em;
	bottom: 0px;
	display: block;
	position: relative;
}

#site .site3rd li {
	margin: 4px 0;
	position: relative;
}

#site .site3rd li.current a {
	text-decoration: underline !important;
	font-weight: bold !important;
}

#site li.current .site3rd a {
	text-decoration: none !important;
	font-weight: normal !important;
	color: #666;
	padding-left: 8px;
	display: block;
}

#site .site3rd a {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	padding-left: 8px;
	background: url("/images/arrow-grey-small.gif") 0 .4em no-repeat;
	display: block;
}

#site .site3rd a:hover {
	text-decoration: underline;
	color: #666;
}

/*othersites
++++++++++++++++++++++++++++*/

#navigation #othersites {
	position: absolute;
	top: 5px;
	left: 572px;
}

#othersites li {
	width: 195px;
	text-transform: uppercase;
}

#othersites li a {
	font-size: 1.1em;
	font-weight: bold;
}

#othersites li#otheremp a:hover, #othersites li#otherwise a:hover, #othersites li#otherexpert a:hover {
	color: #F40;
}

#othersites li#otheremp {
	background: url("/images/bg-othersites-emp.jpg") no-repeat;
	height: 62px;
}

#othersites li#otheremp, #othersites li#otheremp a {
	color: #FFF;
}

#othersites li#otheremp img {
	position: relative;
	top: 10px;
	left: 90px;
}

#othersites li#otheremp span {
	position: absolute;
	top: 14px;
	left: 22px;
}

#othersites li#otherwise {
	background: url("/images/bg-othersites-wise.jpg") no-repeat;
	height: 65px;
}

#othersites li#otherwise, #othersites li#otherwise a {
	color: red;
}

#othersites li#otherwise img {
	position: relative;
	display: block;
	top: 8px;
	left: 16px;
}

#othersites li#otherwise span {
	position: relative;
	top: 8px;
	left: 33px;
}

#othersites li#otherexpert {
	color: #039;
	background: url("/images/bg-othersites-expert.jpg") no-repeat;
	height: 24px;
}

#othersites li#otherexpert a {
	color: #039;
	position: relative;
	left: 22px;
}



/*content
++++++++++++++++++++++++++++*/
#contentandrightbg {
	position: relative;
	float: left;
	margin-left: 3px;
	background: #FFF;
	border: #C5C5C5 solid 1px;
	width: 598px;
	font-size: 1.1em;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	min-height: 390px;
}

#contentandrightbg h1 {
	margin-top: -6px;
}

#contentandrightbg span.topleft,
#wrapper span.bottomright {
	position: absolute;
	display: block;
	height: 15px;
	width: 15px;
	z-index: 999;
}

#contentandrightbg span.topleft {
	background: url("/images/content-tleft.gif") no-repeat;
	top: -1px;
	left: -1px;
}

#wrapper span.bottomright {
	background: url("/images/content-bright.gif") no-repeat;
	position: relative;
	font-size: 1px;
	line-height: 1px;
	position: relative;
	margin-top: -15px;
	margin-left: 752px
}

#contentandrightbg a:hover {
	color: #F40;
}

#minheight {
	float: left;
	height: 390px;
	display: block;
}

#contentwrapper {
	float: left;
}

#content {
	float: left;
	width: 386px;
}

#content h1 {
	padding-top: 10px;
	color: #369;
	margin-top: 0px;
}

#content h2 {
	color: #369;
	text-transform: uppercase;
}

#content h3 {
	color: #369;
}


#content .data th, #content .data td 
{
	vertical-align: top;
	text-align: left;
}

#content ul li {
	padding-left: 16px;
}

div#content ol li {
	padding-left: 10px;
	margin-left: 30px;
}

.halfcontent {
	padding: 7px;
	width: 178px;
	float: left;
}

/*bluecorners
++++++++++++++++++++++++++++*/

div.bluecorners {
	position: relative;
	background: url("/images/bluecorner-bg.gif") repeat-y;
	margin-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	width: 169px;
}

#content div.bluecorners {
	float: left;
}

div.bc-sml {
	padding-bottom: 21px;
	width: 178px;
}

div#rightwrapper div.bc-sml {
	width: 169px;
}

div.bc-big {
	padding-bottom: 14px;
}

div.bc-nopic {
	padding-bottom: 7px;
}

div.bluecorners h2 {
	text-transform: uppercase;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 163px;
	background: #DEF;
	color: #369;
}

span.bluecorners-top,
span.bluecorners-nopic,
span.bluecorners-birds,
span.bluecorners-bubbles,
span.bluecorners-leaves,
span.bluecorners-leaf,
span.bluecorners-clouds,
span.bluecorners-grass {
	position: absolute;
	float: left;
	display: block;
	width: 183px;
	left: 0px;
}

span.bluecorners-top {
	background: url("/images/bluecorner-top.gif") no-repeat;
	height: 7px;
	top: 0px;
}

span.bluecorners-nopic {
	background: url("/images/bluecorner-nopic.gif") no-repeat;
	height: 7px;
	bottom: 0px;
}

/*these divs have images changed to nopic to save changing template - 21/10/05 */

/* Only one like it - on the home page */
span.bluecorners-grass {
	background: url("/images/bluecorner-nopic.gif") no-repeat;
	height: 7px;
	bottom: 0px;
}

span.bluecorners-birds,
span.bluecorners-bubbles,
span.bluecorners-clouds {
	height: 7px;
	bottom: 0px;
}

span.bluecorners-birds {
	background: url("/images/bluecorner-nopic.gif") no-repeat;
}

span.bluecorners-bubbles {
	background: url("/images/bluecorner-nopic.gif") no-repeat;
}

span.bluecorners-leaves {
	background: url("/images/bluecorner-leaves.gif") bottom no-repeat;
	height: 38px;
}

span.bluecorners-leaf {
	background: url("/images/bluecorner-leaf.gif") bottom no-repeat;
	height: 38px;
}

span.bluecorners-clouds {
	background: url("/images/bluecorner-nopic.gif") no-repeat;
}

/*bluearrow
++++++++++++++++++++++++++++*/

ul.bluearrow {
	list-style: none;
}

ul.bluearrow li a {
	background: url("/images/arrow-blue.gif") left no-repeat;
	padding-left: 17px;
}

/*rightbar
++++++++++++++++++++++++++++*/
#rightwrapper {
	font-size: 95%; 
	float: right;
	margin-bottom: 2em;
	margin-right: 5px;
}

/*footer
++++++++++++++++++++++++++++*/
#footer {
	position: relative;
	clear: both;
	background: url("/images/footer-bg.gif") repeat-x;
	width: 621px;
	height: 30px;
	margin-top: 3px;
	margin-left: 147px;
	padding-top: 7px;
}

#footer .floatleft {
	position: absolute;
	left: 20px;
	color: #369;
}

#footer .floatright {
	position: absolute;
	right: 20px;
	color: #369;
}

#footer .floatright a {
	text-decoration: underline;
	color: #369;
}

#footer .floatright a:hover {
	text-decoration: underline;
	color: #F40;
}


#footer span.leftpic,
#footer span.rightpic {
	position: absolute;
	display: block;
	width: 18px;
	height: 30px;
}

#footer span.leftpic {
	background: url("/images/footer-left.gif");
	left: 0px;
	top: 0px;
}

#footer span.rightpic {
	background: url("/images/footer-right.gif");
	right: 0px;
	top: 0px;
}

/* Search Pages
+++++++++++++++++++++*/

#advsearch,
#libsearch,
#search {
	border: #C5C5C5 solid 1px;
	padding: 4px;
	line-height: 2em;
	font-size: 0.9em;
}

#advsearch {
	width: 310px;
}

#libsearch {
	width: 244px;
}

#search {
	width: 183px;
}

#advsearch h2,
#libsearch h2,
#search h2 {
	padding-left: 5px;
	background: #DEF;
	text-transform: uppercase;
	font-size: 0.95em;
}

#advsearch h2 {
	width: 305px;
}

#libsearch h2 {
	width: 239px;
}

#search h2 {
	width: 178px;
}

#advsearch input,
#advsearch select,
#libsearch input,
#libsearch select,
#search input {
	border: #C5C5C5 solid 1px;
	height: 18px;
	float: right;
	color: #666;
}


#advsearch input,
#libsearch input,
#search input {
	padding-top: 2px;
	height: 16px;
}

#advsearch input,
#advsearch select {
	width: 140px;
}

#advsearch select {
	width: 142px;
}

#libsearch input,
#libsearch select {
	width: 186px;
}

#libsearch select {
	width: 188px;
}

#advsearch label,
#libsearch label {
	float: left;
}

#search input {
	width: 181px;
}

#advsearch #advsearchsubmit,
#libsearch #libsearchsubmit,
#search #searchsubmit2 {
	width: 52px;
	height: 19px;
	float: right;
	border: none;
	padding-top: 0px;
}

.smallgap {
	display: block;
	width: 10px;
	height: 6px;
	line-height: 0.4em;
}

#search {
	float: left;
}

#searchform2 p {
	font-size: 0.85em;
	padding-left: 204px;
}

#searchform2 a {
	font-weight: bold;
}

/* Search Results
++++++++++++++++++++++*/

#resultslist p {
	font-size: 0.85em;
}

#resultslist h4 {
	font-weight: normal;
}

.resultsinfo {
	width: 387px;
	height: 16px;
	font-size: 0.85em;
	border-top: #C5C5C5 solid 1px;
	border-bottom: #C5C5C5 solid 1px;
	padding-top: 3px;
}

.resultsinfo .count {
	float: left;
} 

.resultsinfo .pagelinks {
	float: right;
}

.resultsinfo .pagelinks .deadlink {
	color: #C5C5C5;
}

.resultsinfo .pagelinks .currentpage {
	background: #DEF;
}

.bluerule {
	display: block;
	width: 387px;
	height: 10px;
	background: center url("/images/border-bluedotted-hrz.gif") repeat-x;
}

/*
   MAPS
+++++++++*/

#maps-small {
	float: left;
	position: relative;
	height: 128px;
	width: 183px;
	background: #FFF url("/images/maps-bg-small.jpg") no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}

#maps-large {
	float: left;
	position: relative;
	height: 384px;
	width: 575px;
	background: #FFF url("/images/maps-bg-big.jpg") no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}

ul#mapslist {
	list-style-type: none;
	position: absolute;
	top: 60px;
	left: 14px;
	width: 150px;
}

ul#mapslist li {
	background: none;
	padding-left: 16px;
	font-size: 0.9em;
	display: block;
	float: left;
	line-height: 20px;
	width: 40px;
}

ul#mapslist li a {
	background: transparent url("/images/maps-but-off.gif") left no-repeat;
	text-decoration: none;
	padding-left: 14px;
	color: #666;
}

ul#mapslist li a:hover {
	background: transparent url("/images/maps-but-hover.gif") left no-repeat;
	text-decoration: underline;
	padding-left: 14px;
	color: #333;
}

ul#mapslist li.current a {
	background: transparent url("/images/maps-but-on.gif") left no-repeat;
	padding-left: 14px;
	color: #333;
}

ul#mapslist li.current a:hover {
	background: transparent url("/images/maps-but-on.gif") left no-repeat;
	padding-left: 14px;
	color: #333;
}

#maps-large a#close {
	position: absolute;
	top: 34px;
	right: 22px;
	font-size: 0.9em;
	padding-left: 14px;
	color: #666;
	text-decoration: none;
	background: transparent url("/images/maps-close-off.gif") left no-repeat;
}

#maps-large a#close:hover {
	color: #333;
	text-decoration: underline;
	background: transparent url("/images/maps-close-hover.gif") left no-repeat;
}

#maps-large img#mapimage {
	position: absolute;
	left: 178px;
	top: 53px;
}

#maps-large #mapblurb {
	position: absolute;
	left: 22px;
	top: 123px;
	overflow: auto;
	width: 136px;
	height: 234px;
	padding-left: 4px;
	padding-top: 4px;
	background: transparent;
}

/* For Find an Expert reskin - RC 10OCT */

/* gecko gets a table around the block */
#eswrapper table#pnlStep1 p {
font-size: inherit;
}

#eswrapper .validatornote {
clear: both;
display: block;
float: right;
width: 220px;
}

#eswrapper .right {
text-align: right;
margin-top: 0;
}

#eswrapper .fright {
float: right;
padding: 0.8em 0 1em 0;
}
#eswrapper .fleft {
float: left;
}

#eswrapper label {
font-size: 1.1em;
display: block;
padding-top: 2px;
}
#eswrapper .labeltxt {
font-size: 1.1em;
}

#eswrapper input, #eswrapper select {
font-size: 1.0em;
}

#eswrapper #advsearch {
width: 360px;
padding-top: 1em;
}
#eswrapper #advsearch.register {
width: 404px;
}

#eswrapper input {
width: 260px;
}

#eswrapper textarea {
width: 220px;
float: right;
font-size: 1.0em;
}

#eswrapper input.textmed {
width: 220px;
}
#eswrapper select.selectmed {
width: 222px;
}
#eswrapper input.textsml {
width: 40px;
margin-right: 180px;

}
#eswrapper span.nofloat input {
width: auto !important;
border: 0;
float: none;
}

#eswrapper select {
width: 262px;
}

/* checkboxes in table */
#eswrapper .checktable td {
vertical-align: top;
}

#eswrapper .checktable td input {
width: auto;
border: 0;
float: none;
display: inline;
}
#eswrapper .checktable td label {
float: none;
display: inline;
padding-left: 2px;
font-size: 1.1em;
}

#eswrapper .checktable table {
margin-bottom: 1.2em;
margin-left: 58px;
}
#eswrapper #advsearch.register2 .checktable table {
margin-left: 8px;

}

#eswrapper .checktable td {
padding-right: 14px;
padding-bottom: 8px;
}

#eswrapper a.helplink {
float: right;
padding: 0 0 0 4px;
display: block;
}

#eswrapper span.nohelp {
float: right;
width: 16px;
height: 12px;
display: block;
}

#eswrapper p.formsubmits, #eswrapper p.formsubmitsof {
text-align: right;
margin: 0.5em 16px 0.5em 0;
}
#eswrapper p.formsubmitsof input {
margin-right: 3.8em;
}
#eswrapper .login p.formsubmits, #eswrapper .register p.formsubmits, #eswrapper .register2 p.formsubmits {
margin-right: 0;
}

#eswrapper p.formsubmits input, #popwrapper p.formsubmits input, #eswrapper p.formsubmitsof input {
margin-left: 5px;
background: #DEF;
text-transform: uppercase;
font-size: 1.0em;
color: #369;
width: auto;
height: auto;
float: none;
padding-top: 0;
}
#popwrapper p.formsubmits input, #eswrapper p.formsubmitsof input {
margin-left: 0;
border: 1px solid #CCC;
}


#eswrapper .fright {
float: right;
}

#eswrapper table.data td {
padding-top: 8px;
padding-right: 4px;
padding-bottom: 12px;
border-bottom: 1px dotted #ddeeff;
}

#eswrapper table.data td.TextHeader, #eswrapper table.data tr.TextHeader td {
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
border-bottom: 0;
}

#eswrapper table.data.compressed td {
padding-top: 4px;
padding-bottom: 6px;
}

#eswrapper table.horiz th {
text-align: right;
padding-right: 1em;
padding-top: 8px;
}

.asterix, .error_text {
color: red;
}

/* no right column */
#content.noright {
width: 575px;
}

/* Popup help */

#popwrapper {
padding: 2em 3em;
background: white;
}

#popwrapper h1, #popwrapper h2, #popwrapper p {
margin-bottom: 1em;
}

#popwrapper input {
font-size: 1.0em;
}

/* end Find an Expert reskin */

/* Start EndUse database reskin */

/* for Adv Search Help popup */

#popwrapper #content {
float: none;
width: auto;
}

#popwrapper #content h2 {
color: #369;
text-transform: uppercase;
margin-top: 1em;
font-size: 0.95em;
}
#popwrapper #content h2.notransform {
text-transform: none;
}

#popwrapper ul {
margin-bottom: 1em;
}

#popwrapper li {
padding-bottom: 0.4em;
}

#popwrapper table {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-collapse: collapse;
}

#popwrapper th, #popwrapper td {
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 3px;
}
#popwrapper th {
text-align: center !important;
}
#popwrapper td {
text-align: right !important;
}


#eswrapper #advsearch.enduse h2 {
width: 356px;
}

#eswrapper #advsearch.enduse select.innerselect {
margin-top: 0.2em;
}

#eswrapper #advsearch.enduse p.formsubmits {
margin-right: 0;
}

/* end EndUse database reskin */