body { font: normal 90%/1.5 "Helvetica Neue", "Arial", "Helvetica", sans-serif; margin: 0; padding: 0; }

body.smaller { font-size: 67%; }
body.small { font-size: 75% }
body.medium { font-size: 90% }
body.large { font-size: 100% }
body.larger { font-size: 120% }

/* Page container */
#page { width: 990px; margin: 0 auto; overflow: hidden;  }

/* Skip navigation and accessibility links */
#skipnav { position: absolute; top: 0; left: -1000px; overflow: hidden; }
#accesskeys { position: absolute; top: 0; left: -1000px; overflow: hidden; }

/* Main page sections */
#header, #main, #footer { clear: both; }
#footer { margin-top: 5px; }

/* Main content area columns */
#navbar  { float: left; width: 170px; margin-right: 21px; }
#content { float: left; width: 608px; overflow: hidden; }
#sidebar { float: left; width: 170px; margin-left: 21px; }

/* Homepage layout variation - no LH navigation */
.homepage #navbar { display: none; }
.homepage #content { float: left; width: 800px; }
.homepage #sidebar  { float: left; width: 170px; margin-left: 20px; }

/* Wide page variation - no LH navigation */
.wide #navbar { display: none; }
.wide #content { float: left; width: 800px; }
.wide #sidebar  { float: left; width: 170px; margin-left: 20px; }

/* ECMC Centres varaition - no sidebar */
.ecmc-centre #navbar  { float: left; width: 160px; margin-right: 20px; }
.ecmc-centre #content { float: left; width: 790px; }
.ecmc-centre #sidebar { display: none; }

/* Masthead & primary navigation */
#masthead { height: 148px; background: url(../images/ecmc_masthead.jpg) top left no-repeat; position: relative }
#masthead h1 { font-size: 1.2em; font-weight: bold; margin: 0 0 0 12px; padding: 0; position: absolute; bottom: 0; left: 0; color: #005a8c; }

#primary-nav { overflow: hidden; color: #005a8c; background-color: #c6ebd8; font-size: 1.0em; font-weight: bold; border-top: 1px solid white; }
#primary-nav /* IE6 fixes */ { _height: 35px; _margin-top: -4px; }

#primary-nav ul { list-style: none; margin: 0 250px 0 0; padding: 0; }
#primary-nav li { float: left; }
#primary-nav a { padding: 7px 12px; color: #005a8c; background-color: transparent; display: block; text-decoration: none;  }
#primary-nav a:hover { background-color: #71cd9d; }
#primary-nav span { color: white; background-color: #005a8c; display: block; }
#primary-nav span a {color: white;}
#primary-nav span a:hover { background-color: #005a8c; }

#primary-nav form { float: right; margin: 0; padding: 4px 12px; border-left: dotted 1px #c6ebd8; }
#primary-nav form input#searchterm { border: 1px solid #999; font-size: 1.0em; }
#primary-nav form input#search-submit { 
	border: 1px solid #999; color: #005a8c; 
	background: #eee; 

	background-image: -moz-linear-gradient(top, #eeeeee, #bbbbbb); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eeeeee),color-stop(1, #bbbbbb)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb')"; /* IE8 */

	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 

	padding: 1px 6px; 
	sfont-weight: bold;
}

/* Navigation bar & multi-level secondary navigation */
#navbar { padding: 18px 0; }
#navbar * { color: #005a8c; background-color: transparent; margin: 0; padding: 0; font-size: 1.0em; line-height: 1.0; }
#navbar a { display: block; padding: 5px 2px; text-decoration: none; }
#navbar a:hover { text-decoration: underline; }
#navbar p { background-color: white; background-image: none; background-position: left 0.6em; background-repeat: no-repeat; padding-left: 12px; }

#secondary-nav li { list-style: none; list-style-image: none; background-color: white; border-top: 1px solid #71cd9d; }
#secondary-nav li:first-child { border-top: none; }
#secondary-nav li p { background-color: white; background-image: none; background-position: left 0.6em; background-repeat: no-repeat; margin-left: 0; }
#secondary-nav li.open p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navdown.gif); background-color: white; }
#secondary-nav li.open p a { font-weight: bold; background-color: white; }
#secondary-nav li.open li p { background-image: none; background-color: white; }
#secondary-nav li.open li p a { font-weight: normal; background-color: white; }
#secondary-nav li.selected p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navright.gif); background-color: #c6ebd8; }
#secondary-nav li.selected p a { font-weight: bold; background-color: transparent; }
#secondary-nav li.selected li p { background-image: none; background-color: white; }
#secondary-nav li.selected li p a { font-weight: normal; background-color: white; }

#secondary-nav li li { list-style: none; list-style-image: none; background-color: white; border-top: none; }
#secondary-nav li li p { background-color: white; background-image: none; background-position: left 0.6em; background-repeat: no-repeat; margin-left: 9px; }
#secondary-nav li li.open p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navdown.gif); background-color: white; }
#secondary-nav li li.open p a { font-weight: bold; background-color: white; }
#secondary-nav li li.open li p { background-image: none; background-color: white; }
#secondary-nav li li.open li p a { font-weight: normal; background-color: white; }
#secondary-nav li li.selected p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navright.gif); background-color: #c6ebd8; }
#secondary-nav li li.selected p a { font-weight: bold; background-color: transparent; }
#secondary-nav li li.selected li p { background-image: none; background-color: white; }
#secondary-nav li li.selected li p a { font-weight: normal; background-color: white; }

#secondary-nav li li li { list-style: none; list-style-image: none; background-color: white; border-top: none; }
#secondary-nav li li li p { background-color: white; background-image: none; background-position: left 0.6em; background-repeat: no-repeat; margin-left: 18px; }
#secondary-nav li li li.open p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navdown.gif); background-color: white; }
#secondary-nav li li li.open p a { font-weight: bold; background-color: white; }
#secondary-nav li li li.open li p { background-image: none; background-color: white; }
#secondary-nav li li li.open li p a { font-weight: normal; background-color: white; }
#secondary-nav li li li.selected p { background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_arr_navright.gif); background-color: #c6ebd8; }
#secondary-nav li li li.selected p a { font-weight: bold; background-color: transparent; }
#secondary-nav li li li.selected li p { background-image: none; background-color: white; }
#secondary-nav li li li.selected li p a { font-weight: normal; background-color: white; }

/* Right hand sidebar & utility navigation */
#sidebar {}

#sidebar #utilities { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#sidebar #utilities li p { display: inline; margin: 0; padding: 0; }
#sidebar #utilities li a { padding: 0; text-decoration: none; color: #1d4296; background-color: #fff; }
#sidebar #utilities li img { position: relative; top: 5px; padding-right: 5px; border: none; }

#sidebar .panel .body .content, #sidebar .panel .footer .content { font-size: 90% !important; }

/* Footer */
#footer { clear: both; padding-top: 10px; }
#footer #info { color: #005a8c; background-color: #c6ebd8; border-top: 1px solid #71cd9d; }
#footer ul { list-style: none;  width: 80%; padding: 5px 5px 0; margin: 0 auto; font-weight: bold; overflow: auto; }
#footer li { float: left; width: 25%; text-align: center; }
#footer a { color: #005a8c; }
#footer address { width: 80%; padding: 0 5px 5px; margin: 0 auto; text-align: center; font-style: normal; } 

/* General element styles */
h1 { color: #005a8c; font-size: 1.5em; font-weight: bold; margin: 0.5em 0; }
h2 { color: #005a8c; font-size: 1.2em; font-weight: bold; margin: 0.75em 0 0 0; clear: both; }
h3 { color: #005a8c; font-size: 1.1em; font-weight: bold; margin: 0.9em 0 0 0; clear: both; }
h4 { color: #005a8c; font-size: 1.0em; font-weight: bold; margin: 1.0em 0 0 0; clear: both; }
p { margin: 0.5em 0; }

a, a:link { color: #005a8c; }
a:visited { color: #666; }
a:hover { color: #005a8c; background-colour: #c6ebd8; }
a:active { color: #666; }

a img { border: none; }

hr { clear: both; visibility: hidden; }

.green-highlight { color: #71cd9d; }


img.left  { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }

div.left  { float: left; margin: 0 1% 0 0; }
div.right { float: right; margin: 0 0 0 1%; }

div.photograph { margin: 0 5px 0 10px; }

div.col-50 { float: left; margin: 0 1%; width: 44%; }

table th, table td { padding: 3px; }

#content ul, #content .panel ul, #sidebar .panel ul { margin: 0.5em 0; padding: 0; list-style: none; }
#content ul li, #content .panel ul li, #sidebar .panel ul li { margin: 0 0 0 0.5em; padding: 0 0 0 1.0em; background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_com_bul_blue.png); background-position: left 0.5em; background-repeat: no-repeat; }

#content ol, #content .panel ol, #sidebar .panel ol { margin: 0.5em 0; padding: 0; list-style: decimal; }
#content ol li, #content .panel ol li, #sidebar .panel ol li { margin: 0 0 0 1.5em; padding: 0; }


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


/* Panels */
.panels { clear: both; width: 100%; overflow: hidden; }

.panel { padding: 2px; border: 1px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.panel .header { background-color: #71cd9d; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
.panel .body   { background-color: #fff;; }
.panel .footer { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; }

#content .panel { float: left; width: 96%; margin: 5px; }
#sidebar .panel { float: none; clear: both; margin: 5px 0; }

/* Panel header content */
.panel .header .content { padding: 0 5px; overflow: hidden; }
.panel .header h2, .panel .header h3, .panel .header p { color: #005a8c; font-size: 1.2em; font-weight: bold; margin: 0; padding: 5px 0; }
.panel .header h2 a, .panel .header h3 a, .panel .header p a { text-decoration: none; }
.panel .header h2 a:hover, .panel .header h3 a:hover, .panel .header p a:hover { text-decoration: underline; }
.panel .header h2 a:focus, .panel .header h3 a:focus, .panel .header p a:focus { text-decoration: underline; }

/* Panel body content */
.panel .body .content { padding: 1px 5px 0; overflow: hidden; }

.panel .body .content h2 { color: #005a8c; font-size: 1.2em; }
.panel .body .content h3 { color: #005a8c; font-size: 1.1em; }
.panel .body .content h4 { color: #005a8c; font-size: 1.0em; font-weight: normal; }

.panel .body .content p { margin: 0.5em 0; padding: 0; }
.panel .body .content p:first-child { margin: 0; }

.panel .body .content ul {  }
.panel .body .content ul:first-child { margin: 0; }
.panel .body .content ul.left  { float: left;  width: 48%; margin-right: 1% }
.panel .body .content ul.right { float: right; width: 48%; margin-left:  1% }
.panel .body .content ul li {}
.panel .body .content ul li.pdf { padding: 0 0 0 2.0em; margin: 0; list-style: none; background: url(/cr_weblayout/groups/cr_ta/@inm/@gen/documents/image/cr_icon_pdf_bk_img.jpg) top left no-repeat; }
.panel .body .content ul li.doc { padding: 0 0 0 2.0em; margin: 0; list-style: none; background: url(/cr_weblayout/groups/cr_ta/@inm/@gen/documents/image/cr_icon_doc_bk_img.jpg) top left no-repeat; }
.panel .body .content ul li.ppt { padding: 0 0 0 2.0em; margin: 0; list-style: none; background: url(/cr_weblayout/groups/cr_ta/@inm/@gen/documents/image/cr_icon_ppt_bk_img.jpg) top left no-repeat; }
.panel .body .content ul li.xls { padding: 0 0 0 2.0em; margin: 0; list-style: none; background: url(/cr_weblayout/groups/cr_ta/@inm/@gen/documents/image/cr_icon_xls_bk_img.jpg) top left no-repeat; }

.panel .body .content ol {  }
.panel .body .content ol:first-child { margin: 0; }
.panel .body .content ol li {}

.panel .body .content dl { margin: 0.5em 0; padding: 0; }
.panel .body .content dl:first-child { margin: 0; }
.panel .body .content dt { padding: 0; margin: 0; font-weight: bold; }
.panel .body .content dd { padding: 0 0 0 1.0em ; margin: 0; }

.panel .body .content blockquote { margin: 0.5em 0; padding: 0; }
.panel .body .content blockquote:first-child { margin: 0; }

.panel .body .content div.left { width: 50%; float: left; margin: 0; padding: 0; text-align: left; }
.panel .body .content div.right { width: 50%; float: right; margin: 0; padding: 0; text-align: left; }

.panel .body .content .align-left { width: 50%; float: left; margin: 0; padding: 0; text-align: left; }
.panel .body .content .align-right { width: 50%; float: right; margin: 0; padding: 0; text-align: right; }

.panel .body .content .date { font-weight: bold; text-align: right; font-size: 0.85em; }

.panel .body .content img.left { float: left; text-align: left; padding-right: 10px; padding-top: 5px; }
.panel .body .content img.right { float: right; text-align: right; padding-left: 10px; padding-top: 5px; }

/* Panel footer content */
.panel .footer .content { padding: 0 5px 2px 5px; overflow: hidden; }

.panel .footer .content p { margin: 0; }

.panel .footer .content .left { width: 50%; float: left; margin: 0; padding: 0; text-align: left; }
.panel .footer .content .right { width: 50%; float: right; margin: 0; padding: 0; text-align: left; }

.panel .footer .content .align-left { width: 50%; float: left; margin: 0; padding: 0; text-align: left; }
.panel .footer .content .align-right { width: 50%; float: right; margin: 0; padding: 0; text-align: right; }

/* Deal with nested panels */
.panel .panel { border: none !important; background-color: transparent !important; }
.panel .panel * { background-color: transparent !important; }

/* Width variations - 100% */
#content .width-00, .width-100                                    { width: 592px; }
.homepage #content .width-00, .homepage #content .width-100       { width: 778px; }
.normal #content .width-00,.normal #content .width-100            { width: 592px; }
.wide #content .width-00, .wide #content .width-100               { width: 778px; }
.ecmc-centre #content .width-00, .ecmc-centre #content .width-100 { width: 778px; }

/* Width variations - 50% */
#content .width-50              { width: 288px; _width: 284px; }
.homepage #content .width-50    { width: 380px; }
.normal #content .width-50      { width: 288px; _width: 284px; }
.wide #content .width-50        { width: 380px; }
.ecmc-centre #content .width-50 { width: 380px; }

/* Width variations - 25% */
#content .width-25               { width: 136px; }
.homepage #content .width-25     { width: 183px; }
.normal #content .width-25       { width: 136px; }
.wide #content .width-25         { width: 183px; }
.ecmc-centre #content .width-25  { width: 183px; }

/* Colour variation - No border, white background  */
.bg-none { border: none; margin: 0 !important; }
.bg-none .header { background-color: #fff; }
.bg-none .body   { background-color: #fff; }
.bg-none .footer { background-color: #fff; font-size: 0; line-height: 0; }

.bg-none .header .content { padding: 0; }
.bg-none .header .content h2 { font-size: 1.2em !important; }
.bg-none .header .content h3 { font-size: 1.1em !important; }
.bg-none .header .content p  { font-size: 1.0em !important; }
.bg-none .body   .content { padding: 0; _padding-bottom: 5px; }
.bg-none .footer .content { padding: 0; }

.ecmc-none { border: none; margin: 0 !important; }
.ecmc-none .header { background-color: #fff; }
.ecmc-none .body   { background-color: #fff; }
.ecmc-none .footer { background-color: #fff; font-size: 0; line-height: 0; }

.ecmc-none .header .content { padding: 0; }
.ecmc-none .header .content h2 { font-size: 1.2em !important; }
.ecmc-none .header .content h3 { font-size: 1.1em !important; }
.ecmc-none .header .content p  { font-size: 1.0em !important; }
.ecmc-none .body   .content { padding: 0; }
.ecmc-none .footer .content { padding: 0; }

/* Colour variation - Border, white background */
.bg-000 {}
.bg-000 .header { background-color: #fff; }
.bg-000 .body   { background-color: #fff; }
.bg-000 .footer { background-color: #fff; font-size: 0; line-height: 0; }

.ecmc-000 {}
.ecmc-000 .header { background-color: #fff; }
.ecmc-000 .body   { background-color: #fff; }
.ecmc-000 .footer { background-color: #fff; font-size: 0; line-height: 0; }

/* Colour variation - Border, white background */
.bg-111 {}
.bg-111 .header { background-color: #c6ebd8; font-size: 0; line-height: 0; }
.bg-111 .body   { background-color: #c6ebd8; }
.bg-111 .footer { background-color: #c6ebd8; font-size: 0; line-height: 0; }

.ecmc-111 {}
.ecmc-111 .header { background-color: #c6ebd8; font-size: 0; line-height: 0; }
.ecmc-111 .body   { background-color: #c6ebd8; }
.ecmc-111 .footer { background-color: #c6ebd8; font-size: 0; line-height: 0; }

/* Colour variation - Border, light-green header, white body */
.bg-100 {}
.bg-100 .header { background-color: #c6ebd8; }
.bg-100 .body   { background-color: #fff; }
.bg-100 .footer { background-color: #fff; font-size: 0; line-height: 0; }

.ecmc-100 {}
.ecmc-100 .header { background-color: #c6ebd8; }
.ecmc-100 .body   { background-color: #fff; }
.ecmc-100 .footer { background-color: #fff; font-size: 0; line-height: 0; }

/* Colour variation - Border, green header, white body */
.bg-200 {}
.bg-200 .header { background-color: #71cd9d; }
.bg-200 .body   { background-color: #fff; }
.bg-200 .footer { background-color: #fff; font-size: 0; line-height: 0; }

.ecmc-200 {}
.ecmc-200 .header { background-color: #71cd9d; }
.ecmc-200 .body   { background-color: #fff; }
.ecmc-200 .footer { background-color: #fff; font-size: 0; line-height: 0; }

/* Colour variation - Border, green header, white body, light green footer */
.bg-201 {}
.bg-201 .header { background-color: #71cd9d; }
.bg-201 .body   { background-color: #fff; }
.bg-201 .footer { background-color: #c6ebd8; padding: 1px 5px;  }

.ecmc-201 {}
.ecmc-201 .header { background-color: #71cd9d; }
.ecmc-201 .body   { background-color: #fff; }
.ecmc-201 .footer { background-color: #c6ebd8; padding: 1px 5px;  }

/* Colour variation - Border, green header, light green body */
.bg-211 {}
.bg-211 .header { background-color: #71cd9d; }
.bg-211 .body   { background-color: #c6ebd8; }
.bg-211 .footer { background-color: #c6ebd8; font-size: 0; line-height: 0; }

.ecmc-211 {}
.ecmc-211 .header { background-color: #71cd9d; }
.ecmc-211 .body   { background-color: #c6ebd8; }
.ecmc-211 .footer { background-color: #c6ebd8; font-size: 0; line-height: 0; }

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

/* Content buttons */
/* #content .button { float: right; width: 160px; margin: 10px auto; text-align: center; font-size: 1.0em; border: 1px solid #71cd9d; color: #005a8c; background: #c6ebd8; background: -moz-linear-gradient(#c6ebd8, #71cd9d); background: -webkit-gradient(linear, 0 0, 0 100%, from(#c6ebd8), to(#71cd9d)); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px 5px; font-weight: bold; } */
#content .button { float: right; height: 28px; width: 160px; margin: 10px auto; text-align: center; font-size: 1.0em; color: #005a8c; background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_but_green_160.png); background-position: top left; background-repeat: no-repeat; font-weight: bold; }
#content .button a { display: block; color: #005a8c; text-decoration: none; margin: 0 5px; padding: 3px 0; }
#content .panel .button { width: 160px; height: 28px; }
#content .panel .rss-feed .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_rss.png) center right no-repeat; }
#content .panel .bookmark .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_share.gif) center right no-repeat; }
#content .panel .print-section .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_print.gif) center right no-repeat; }

/* Sidebar buttons */
/* #sidebar .button { width: 160px; margin: 10px auto; text-align: center; font-size: 1.0em; border: 1px solid #71cd9d; color: #005a8c; background: #c6ebd8; background: -moz-linear-gradient(#c6ebd8, #71cd9d); background: -webkit-gradient(linear, 0 0, 0 100%, from(#c6ebd8), to(#71cd9d)); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px 5px; font-weight: bold; } */
#sidebar .button { width: 170px; height: 28px; margin: 10px 0; text-align: center; font-size: 1.0em; color: #005a8c; background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_but_green_170.png); background-position: top left; background-repeat: no-repeat; padding: 0; font-weight: bold; }
#sidebar .button a { display: block; color: #005a8c; text-decoration: none; margin: 0 5px; padding: 3px 0; }
#sidebar .panel .button { width: 140px; height: 28px; background-image: url(/cr_weblayout/images/CRUK_Fragments/cr_ecmc_but_green_140.png); background-position: top left; background-repeat: no-repeat; }
#sidebar .panel .rss-feed .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_rss.png) center right no-repeat; }
#sidebar .panel .bookmark .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_share.gif) center right no-repeat; }
#sidebar .panel .print-section .button a { text-align: left; background: transparent url(/cr_weblayout/images/CRUK_Fragments/cr_com_icon_print.gif) center right no-repeat; }

/* Forms */
.genericform { width: 80%; margin: 0 auto 10px; border: 1px solid #71cd9d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #e3f5eb; padding: 10px; }

.genericform .ismandatory { float: left; width: 10px; font-weight: bold; color: red; }
.genericform p span.ismandatory { float: none; font-weight: bold; color: red; }

.genericform .text,
.genericform .textnarrow,
.genericform .textwide,
.genericform .textnarrow,
.genericform .textarea,
.genericform .textareawide,
.genericform .select,
.genericform .selectnarrow,
.genericform .selectwide,
.genericform .checkbox,
.genericform .radiobutton { clear: both; padding: 5px 0; }


.genericform .text label,
.genericform .textnarrow label,
.genericform .textarea label,
.genericform .select label { float: left; width: 200px; }
.genericform .selectnarrow label { float: left; width: 200px; }

.genericform .text input,
.genericform .textarea textarea,
.genericform .select select { float: left; width: 200px; border: 1px solid #999; }

.genericform .textnarrow input,
.genericform .selectnarrow select { float: left; width: 100px; border: 1px solid #999; }

.genericform .textwide label,
.genericform .textareawide label,
.genericform .selectwide label { float: left; width: 390px; }

.genericform .textwide input,
.genericform .textareawide textarea,
.genericform .selectwide select { clear: both; display: block; width: 400px; margin-left: 10px; border: 1px solid #999; }

.genericform .checkbox input { float: left; width: 20px; margin-left: 0; }
.genericform .checkbox label { float: left; width: 400px; }

.genericform .radiobutton input { display: inline; float: none; width: auto; }
.genericform .radiobutton label { display: inline; float: none; width: auto; }
.genericform .radiobutton p { clear: both; display: block; width: 400px; }

.genericform .submit { text-align: right; }
.genericform input.formbutton { font-size: 1.0em; border: 1px solid #999; color: #005a8c; background: #eee; background: -moz-linear-gradient(#eee, #bbb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#bbb)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 4px 6px; font-weight: bold; }

.genericform .errormsg { display: block; width: 100%; color: red; font-weight: bold; clear: both; }

.genericform h2, .genericform h3, .genericform p { clear: both;; }
.genericform p { margin-left: 10px; }

/* Search results page */
.search-results { margin: 10px 0; }

.search-results .results-info { overflow: auto; background-color: #c6ebd8; padding: 2px 10px; }
.search-results .results-number { width: 50%; float: left; }
.search-results .results-pager { width: 50%; float: right; text-align: right; }
.search-results .results-pager ol { display: inline; margin: 0; padding: 0; }
.search-results .results-pager li { display: inline; margin: 0; padding: 0; }

.search-results .results ol { padding: 0; margin: 1.5em; list-style: none;}
.search-results .results li { border-bottom: 1px solid #c6ebd8; padding: 3px 0; }
.search-results .results li:last-child { border: none; }
.search-results .results li .result-link { font-weight: bold; }
.search-results .results li .result-summary * { display: inline; color: black; font-weight: normal; font-style: normal; font-size: 1.0em; line-height: 1.5; margin: 0; padding: 0; }

#content #searchform { border: 2px solid #71cd9d; color: #005a8c; line-height: 2; background: #c6ebd8; float: right; width: 220px; padding: 5px; margin: 10px 0 10px 10px; }
#content #searchform label { font-weight: bold; }
#content #searchform input#searchterm { border: 1px solid #999; font-size: 1.0em; }
#content #searchform input#search-submit { font-size: 1.0em; border: 1px solid #999; color: #005a8c; background: #eee; background: -moz-linear-gradient(#eee, #bbb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#bbb)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px 6px; font-weight: bold; }

ul.centres-list { border: 2px solid #71cd9d; background: #c6ebd8; padding: 5px; margin: 10px 0; }
ul.centres-list li { list-style: none; display: inline; padding: 0 5px; margin: 0; }
ul.centres-list li a { color: #005a8c; font-weight: bold; text-decoration: none; }
ul.centres-list li a:hover { text-decoration: underline; }

/* Fix for "AddThis" DIV causing space at top of page */
#atffc { position: absolute; top: -100px; left: -1000px; }

/* Navigation list */
.panel .partial-list { text-align: right; margin: 0; padding: 0; width: 100%; }
.panel .partial-list select { width: 100%; margin-bottom: 8px; }

.panel .searchform #submit { position: relative; top: -3px; }

.panel #navigation-list { text-align: right; padding: ; margin: 0; width: 100%; }

.homepage #content .panel #navigation-list { float: right; width: 210px; } 

.panel #navigation-list fieldset { border: none; margin: 0; padding: 0; }
.panel #navigation-list.left { text-align: left; }
.panel #navigation-list.right { text-align: right; }
.panel #navigation-list #navigationDropdown { /* width: 100%; */ padding: 0 auto; position: relative; top: -7px; }
.panel #navigation-list #navigationURL { display: block; width: 100%; margin: 1.0em auto; position: static; top: 0; }
.panel #navigation-list #search-submit { font-size: 1.0em; border: 1px solid #999; color: #005a8c; background: #eee; background: -moz-linear-gradient(#eee, #bbb); background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#bbb)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px 6px; font-weight: bold; }

/* Footer logos */
#footer .sitelogos { display: none; }
.homepage #footer .sitelogos { display: block; clear: both; margin: 0; padding: 5px 0; width: 100%; border-top: 1px dotted #ccc; }
.homepage #footer .sitelogos ul { margin: 0; padding: 0; width: 100%; }
.homepage #footer .sitelogos li { float: left; list-style: none; padding: 0; margin: 0; width: 20%; text-align: center; vertical-align: center;  }
.homepage #footer .sitelogos li img { vertical-align: middle; border: none; }