/* global.css */

html {
	background-color: #ccc;
	margin: 0;
	padding: 0;
	}

body {
	font-family: verdana, Arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	border-bottom: solid 2.2em #444;
	border-top: solid 2.4em #777;
	width: 100%;
	}

a:link {
	color: #06a;
	}
a:visited {
	color: #759;
	}
a:focus {
	color: #d11;
	}
a:hover {
	color: #d11;
	}
a:active {
	color: #d11;
	}

a img {
	border: none;
	}

form {
	padding: 0;
	margin: 0;
	}


div.combo-1 {
	max-width: 85em;
	min-width: 57em;
	width: 100%;
	margin: 0em auto 0 auto;
	background-color: #fff;
	}

div.con-banner {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 -65px 124px;
	padding: 0 0 65px 0;
	color: #fff;
	background: url(../../library/crumb-bg-1.png) no-repeat 100% 100% #05a;
	z-index: 1;
	}

body.home div.con-banner {
	margin-bottom: 0;
	padding-bottom: 40px;
	}


div.mod-logo {
	width: 125px;  /* 1px wider - necessary for anchor to work in IE! */
	height: 230px;
	position: absolute;
	top: 0;
	left: -124px;
	background: url(../../library/logo-bg.jpg) repeat-x #fb0;
	border-bottom: solid 12em #fff;
	border-top: solid 3px #e90;
	}

body.home div.mod-logo {
	height: 300px;
	background: url(../../library/logo-bg-home.jpg) repeat-x #fb0;
	}

body.home div.mod-logo img {
	padding: 300px 0 0 0;
	background-position: 0 20px;
	}

div.mod-logo img {
	width: 124px;
	height: 0px;
	padding: 230px 0 0 0;
	background: url(../../library/novita-logo-bg.gif) no-repeat;
	}


div.mod-strap {
	border-top: solid 3px #004c9c;
	padding: 10px 0 7px 18px;
	}


/* Override for 70th celebration logo version */
/*
div.mod-logo {
	background: none;
	border-top-color: #aaa;
	}
body.home div.mod-logo {
	background: none;
	}
div.mod-logo img {
	padding: 274px 0 0 0;
	background: url(../../library/70th-logo-vertical.gif) no-repeat bottom;
	}
*/

/* Page nav
---------------------------- */

div.mod-pagenav {
	position: absolute;
	top: -2.2em;
	left: -115px;
	margin-right: 1px;
	}

div.mod-pagenav ul.nav {
	float: left;
	}

div.mod-pagenav li {
	float: left;
	display: inline;
	}

div.mod-pagenav p {
	float: left;
	color: #ccc;
	display: inline;
	padding: .1em .5em .3em 0;
	margin: 0;
	}


div.mod-pagenav a {
	display: block;
	padding: .15em .8em .3em 12px;
	background: url(../../library/anchordown1.gif) no-repeat 3px 50%;
	}

div.mod-pagenav a:link {
	color: #fff;
	text-decoration: none;
	}
div.mod-pagenav a:visited {
	color: #fff;
	text-decoration: none;
	}
div.mod-pagenav a:focus {
	color: #fd0;
	text-decoration: none;
	}
div.mod-pagenav a:hover {
	color: #fd0;
	text-decoration: none;
	}
div.mod-pagenav a:active {
	color: #fd0;
	text-decoration: none;
	}

/* NovitaTech link
------------------------------- */
div.mod-novitatechlink {
	position: absolute;
	top: -2.4em;
	right: 0;
	height: 2.4em;
	padding-left: 6em;
	background: #777 url(../../library/novitatechlink-bg.gif) left bottom;
	width: auto;
	overflow: hidden;
	}

div.mod-novitatechlink a {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	color: #fff;
	}
	
div.mod-novitatechlink a:link {
	color: #fff;
	text-decoration: none;
	}
div.mod-novitatechlink a:visited {
	color: #fff;
	text-decoration: none;
	}
div.mod-novitatechlink a:focus {
	color: #fe3;
	}
div.mod-novitatechlink a:hover {
	color: #fe3;
	}
div.mod-novitatechlink a:active {
	color: #fe3;
	}

div.mod-novitatechlink strong {
	position: relative;
	top: 0;
	left: 0;
	min-width: 93px;
	float: left;
	display: inline;
	margin-right: 1em;
	width: auto;
	}

div.mod-novitatechlink span {
	line-height: 2.2;
	background: #00366e url(../../library/icn-diff-domain.gif) no-repeat 100% 50%;
	padding-right: 25px;
	}

div.mod-novitatechlink strong span {
	display: block;
	background: #00366e url(../../library/novitatech-small-logo.gif) no-repeat;
	height: 2.1em;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-right: 0;
	float: none;
	}



/* Back to content top
------------------------------- */

p.backtotop,
p.top {
	height: 1.6em;
	}

p.backtotop a, 
p.top a {
	float: right;
	display: inline;
	background: url(../../library/anchorup2.gif) no-repeat 0 50%;
	padding: .3em 0 .3em 12px;
	}

div.con-main {
	position: relative;
	top: 0;
	left: 0;
	min-height: 25em;
	margin-right: -15em;
	margin-top: 0;
	float: left;
	z-index: 2;
	width: 100%;
	background: url(../../library/bg-stars-right.gif) no-repeat 100% 70px;
	}

div.mod-content {
	clear: left;
	overflow: visible; /* bug fix http://www.positioniseverything.net/explorer/italicbug-ie.html */
	}

div.content.clear:after {
	clear: left;
	}


div.content {
	padding: 0 16em 0 150px;
	}


/* Foot navigation */

div.combo-footnav {
	margin: 0 0 0 0;
	background-color: #025;
	position: relative;
	top: 0;
	left: 0;
	}

div.con-footnav ul li {
	float: left;
	display: inline;
	}

div.con-footnav ul strong,
div.con-footnav ul a {
	display: block;
	}


div.combo-footnav strong {
	padding: .3em .8em .3em 15px;
	background: url(../../library/navactive1.gif) 0px 60% no-repeat;
	color: #fff;
	}

div.combo-footnav a {
	padding: .3em .8em .3em 15px;
	background: url(../../library/nav1.gif) 4px 60% no-repeat;
	}

div.combo-footnav a:link {
	color: #fff;
	text-decoration: none;
	}
div.combo-footnav a:visited {
	color: #fff;
	text-decoration: none;
	}
div.combo-footnav a:focus {
	color: #fd0;
	text-decoration: none;
	}
div.combo-footnav a:hover {
	color: #fd0;
	text-decoration: none;
	}
div.combo-footnav a:active {
	color: #fd0;
	text-decoration: none;
	}

div.combo-footnav #discuss-facebook a {
	padding: .3em .8em .3em 18px;
	background: url(../../library/facebook-link.png) 0 60% no-repeat;
	}
	
div.combo-footnav #discuss-twitter a {
	padding: .3em .8em .3em 18px;
	background: url(../../library/twitter-link.png) 0 60% no-repeat;
	}	
	
div.combo-footnav #discuss-rss a {
	padding: .3em .8em .3em 18px;
	background: url(../../library/rss-link.png) 0 60% no-repeat;
	}		


	/* con */
div.con-footnav { 
	position: relative;
	top: 0;
	left: 0;
	max-width: 85em;
	min-width: 57em;
	margin: 0em auto 0;
	background-color: #15a;
	}


div.con-footnav div.mod-discuss,
div.con-footnav div.mod-help {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	}

div.con-footnav div.mod-help {
	width: 55%;
	}
div.con-footnav div.mod-discuss {
	width: 43%;
	}


div.con-footnav h2 {
	position: absolute;
	top: -2em;
	left: 0;
	background: #fff url(../../library/footnav-bg.gif) right top;
	font-size: 100%;
	font-weight: normal;
	padding: .5em 60px .5em .5em;
	margin: 0 0 0 0;
	line-height: 1;
	border-bottom: solid 1px #15a; /* necessary for anchors to work in IE! */
	}





/* Foot content */

div.combo-footcontent {
	background-color: #047;
	color: #fff;
	}

div.combo-footcontent h2,
div.combo-footcontent h3,
div.combo-footcontent h4,
div.combo-footcontent h5,
div.combo-footcontent h6
 {
	color: #fff;
	}

div.combo-footcontent a:link {
	color: #fff;
	}
div.combo-footcontent a:visited {
	color: #fff;
	}
div.combo-footcontent a:focus {
	color: #fd0;
	}
div.combo-footcontent a:hover {
	color: #fd0;
	}
div.combo-footcontent a:active {
	color: #fd0;
	}




div.con-supp {
	max-width: 85em;
	min-width: 57em;
	margin: 0em auto 0 auto;
	width: 100%;
	}



/* Foot logos */

div.mod-standards img {
	height: 0px;
	display: block;
	padding-top: 92px;
	}

div.mod-standards a:hover {
	border: 0;
	}

div.mod-standards a:hover img {
	padding-top: 0px;
	height: 92px;
	}

li#w3c a img {
	background: url(../../library/w3c-logo-bg.gif);
	width: 152px;
	}

li#quality a img {
	background: url(../../library/quality-logo-bg.gif);
	width: 58px;
	}

li#healthinsite a img {
	background: url(../../library/healthinsite-logo-bg.gif);
	width: 142px;
	}

/* mod-content variation */
div.mod-aboutpage {
	background: url(../../library/about-bg.gif) no-repeat 0 30px;
	position: relative;
	top: 0;
	left: 0;
	padding: 60px 0 4em 1em;
	clear: both;
	}

div.submod {
	float: left;
	width: 55%;
	}

div.updated {
	float: left;
	width: 35%;
	}

/* Link list
-------------------------------- */
ul.linklist,
div.content ul.linklist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 2;
	}

ul.linklist li {
	margin: 0;
	padding: .5em 0 .5em 0;
	padding-left: 18px;
	background: url(../../library/nav2.gif) no-repeat 6px 50%;
	}

ul.linklist p {
	margin: 0;
	padding: 0 0 0 0;
	}

div.mod-aboutpage ul.linklist {
	margin: 0;
	}

ul.linklist li.email {
	background: url(../../library/email1.gif) no-repeat 0 50%;
	}

div.combo-footcontent ul.linklist li.email {
	background: url(../../library/email1.gif) no-repeat 0 50%;
	}

div.combo-footcontent ul.linklist li  {
	background: url(../../library/nav1.gif) no-repeat 6px 50%;
	}


/* Nav */

.content ul.nav,
ol.nav,
ol.nav ul,
ul.nav,
ul.nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1.2;
	}


.nav li {
	margin: 0;
	padding: 0;
	}


/* Item listing (eg News)
--------------------------- */

div.content ul.listing {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	}

ul.listing li {
	padding: 0 0 1em 0;
	margin: 0;
	clear: left;
	}

ul.listing div.image {
	padding: .5em 0 0 0;
	margin: 0 0 0 0;
	width: 102px;
	float: left;
	overflow: hidden;
	}

ul.listing div.image img {
	border: solid 1px #000;
	}


div.mod-profilesnip div.mod-snip div.image {
	border: solid 1px transparent !important;
	}


div.mod-profile ul.listing div.description {
	padding: 0;
	margin: 0 0 0 -112px;
	width: 100%;
	float: right;
	}

div.mod-profile ul.listing p {
	padding-left: 115px;
	}

ul.listing h3 {
	padding-bottom: 0;
	}

ul.listing h3 a {
	text-decoration: none;
	}

ul.listing h3 a:link {
	color: #000;
	}
ul.listing h3 a:focus {
	color: #d11;
	}
ul.listing h3 a:hover {
	color: #d11;
	}
ul.listing h3 a:active {
	color: #d11;
	}



div.content p.date {
	float: left;
	white-space: nowrap;
	display: inline;
	padding-right: 1em;
	}

div.mod-mediadetail p.date,
div.mod-media p.date {
	float: none;
	}

p.categories {
	font-style: italic;
	color: #444;
	}

/* Breadcrumb 
--------------------------- */

div.mod-breadcrumb {
	margin: 0 16em 0 123px;
	padding: 35px 0 0 0;
	position: relative;
	left: 0;
	top: 0;
	min-height: 30px;
	z-index: 4;
	}

div#breadcrumb ul:after {display: none !important;}


div.mod-breadcrumb a,
div.mod-breadcrumb ul ul,
div.mod-breadcrumb strong {
	float: left;
	display: inline;
	}

div.mod-breadcrumb a {
	padding: .3em 6px .3em 12px;
	}

div.mod-breadcrumb a.home {
	padding: .3em 6px .3em 23px;
	background: url(../../library/home-crumb.gif) no-repeat 5px 50%;
	}

div.mod-breadcrumb ul ul a {
	background: url(../../library/crumb.gif) no-repeat 0% 50%;
	}

div.mod-breadcrumb strong {
	padding: .3em 0px .3em 12px;
	background: url(../../library/crumb.gif) no-repeat 0% 50%;
	font-weight: normal;
	}


div.mod-breadcrumb p {
	position: absolute;
	left: -99999px;
	top: 0;
	}


/* Search form
--------------------------- */

.mod-sitesearch {
	padding-left: 1em;
	padding-bottom: .75em;
	float: left;
	display: inline;
	}


.mod-sitesearch .sitesearch {
	padding: 0 0 0 16px;
	}


.mod-sitesearch em {
	display: block;
	font-style: normal;
	font-size: 114%;
	padding-top: .3em;
	line-height: 1.5;
	}
.home .mod-sitesearch em {
	font-weight: bold;
	font-size: 100%;
	}


label.overlabel,
.mod-sitesearch label {
	position: relative;
	margin: 0 0 0 16px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	}

.overlabel span.desc,
.mod-sitesearch span.desc {
	position: absolute;
	color: #444;
	background-color: #dde;
	z-index: 2;
	float: none;
	width: auto;
	text-align: left;
	display: inline;
	font-weight: normal;
	line-height: 1;
	padding: 0;
	top: .5em;
	left: 3px;
	bottom: .3em;
	cursor: text;
	}
.overlabel span.desc {
	color: #555;
	background-color: #fff;
	}
.mod-sitesearch span.desc {
	color: #444 !important;
	background-color: #dde;
	font-size: 87%;
	}

.mod-sitesearch input {
	z-index: 1;
	position: relative;
	font-size: 87%;
	line-height: 1;
	}

.mod-sitesearch input.field {
	background-color: #dde;
	width: 8em;
	border-width: 2px;
	border-style: solid;
	border-top-color: #848484;
	border-left-color: #848484;
	border-bottom-color: #fafafa;
	border-right-color: #fafafa;
	}

.mod-sitesearch input.changed,
.mod-sitesearch input.focus {
	background-color: #fff;
	}
	
.mod-sitesearch input.button {
	width: 3em;
	background-color: #048;
	color: #fe3;
	}

.mod-sitesearch a:link {
	color: #fff;
	text-decoration: none;
	}
.mod-sitesearch a:visited {
	color: #fff;
	text-decoration: none;
	}
.mod-sitesearch a:focus {
	color: #fe3;
	text-decoration: underline;
	}
.mod-sitesearch a:hover {
	color: #fe3;
	text-decoration: underline;
	}
.mod-sitesearch a:active {
	color: #fe3;
	text-decoration: underline;
	}

label.overlabel span.desc,
.mod-sitesearch label.overlabel span.desc {
	text-indent: -9999px;
	width: 0;
	padding: 0 !important;
	}

/* Reveal field label */
label.show span.desc,
.mod-sitesearch label.show span.desc {
	text-indent: 0px;
	width: auto;
	}






/* In footer */

body.sub div.mod-aboutsite {
	float: left;
	width: 45%;
	display: inline;
	padding: 0 8% 0 2%;
	}

body.home div.mod-aboutsite div.content-panel {
	float: left;
	width: 47%;
	display: inline;
	padding: 0 10% 0 0;
	}

body.home div.mod-aboutsite {
	float: left;
	width: 90%;
	display: inline;
	padding: 0 8% 0 2%;
	}

body.home div.mod-aboutsite div.site-meta {
	float: left;
	width: 40%;
	display: inline;
	padding: 0 0 0 2%;
	}



div.mod-other-novita {
	float: left;
	width: 42%;
	display: inline;
	padding: 0 0 0 2%;
	min-width: 380px;
	}

div.mod-standards {
	float: left;
	width: 42%;
	min-width: 362px;
	display: inline;
	padding: 0 0 0 0;
	border-left: solid 1em #047;
	}

div.mod-standards ul.nav {
	width: 361px;
	}

div.mod-other-novita ul.nav {
	width: 122px;
	float: left;
	margin-right: 1em;
	}
div.mod-other-novita ul.nav a {
	}
div.mod-other-novita p {
	padding: 0 1em 0 0;
	}

div.mod-standards ul.nav strong,
div.mod-other-novita ul.nav strong {
	padding: 0 5px 0 0;
	display: block;
	}

div.mod-standards ul.nav a,
div.mod-other-novita ul.nav a {
	white-space: nowrap;
	padding: 0 3px .5em 0;
	display: block;
	}

div.mod-other-novita ul.nav li,
div.mod-standards ul.nav li {
	float: left;
	display: inline;
	}

div.con-supp div.mod-profilesnip {
	float: left;
	width: 40%;
	display: inline;
	margin-top: 0;
	}
div.con-supp div.mod-profilesnip h3 {
	padding-top: .3em;
	}

div.mod-foot {
	clear: left;
	position: relative;
	top: 3.2em;
	left: 0;
	height: 3em;
	}

div.mod-foot ul {
	width: 715px;
	}
	
div.mod-foot a {
	padding: .3em .8em .3em 20px;
	background: url(../../library/anchorup1.gif) no-repeat 11px 60%;
	}

div.mod-foot a:link {
	color: #fff;
	text-decoration: none;
	}
div.mod-foot a:visited {
	color: #fff;
	text-decoration: none;
	}
div.mod-foot a:focus {
	color: #fe3;
	text-decoration: none;
	}
div.mod-foot a:hover {
	color: #fe3;
	text-decoration: none;
	}
div.mod-foot a:active {
	color: #fe3;
	text-decoration: none;
	}



/* Home */

div.con-mainhome {
	margin: 0 0 5em 124px;
	padding: 1em 0 0 0;
	background: url(../../library/bg-stars-right.gif) no-repeat top right;
	}

div.con-mainhome h2 {
	color: #f30;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: .5em;
	}
div.con-mainhome h3 {
	font-weight: normal;
	padding-bottom: .5em;
	}

div.con-mainhome fieldset {
	border: none;
	padding: 0;
	margin: 0;
	}

div.con-mainhome legend {
	color: #f30;
	font-size: 136%;
	padding: 0;
	margin-left: 0;
	}



div.col-1 {
	width: 40%;
	float: left;
	display: inline;
	padding: 0 2.5%;
	position: relative;
	}

div.col-2 {
	width: 40%;
	float: left;
	display: inline;
	padding: 0 2.5%;
	position: relative;
	}

div.mod-logo h1 {
	line-height: 1;
	margin: 0;
	}



/* home content panels */

div.mod-snip {
	position: relative;
	top: 0;
	left: 0;
	padding-left: 110px;
	margin: 0 0 2em 0;
	min-height: 135px;
	}

div.random1 {
	background: url(../../library/bg-star2.gif) no-repeat 20px 80%;
	}
div.random2 {
	background: url(../../library/bg-star1.gif) no-repeat 90% 0;
	}
div.mod-snip h3 {
	margin-left: -110px;
	}

div.mod-snip div.image {
	position: absolute;
	left: 0;
	max-width: 96px;
	text-align: center;
	overflow: hidden;
	max-height: 115px;
	border: solid 1px #ccc !important;
	margin-top: 5px;
	}

div.mod-snip div.image img {
	display: block;
	}

div.mod-snip h3 a:link {
	text-decoration: none;
	}
div.mod-snip h3 a:visited {
	text-decoration: none;
	}
div.mod-snip h3 a:focus {
	text-decoration: underline;
	}
div.mod-snip h3 a:hover {
	text-decoration: underline;
	}
div.mod-snip h3 a:active {
	text-decoration: underline;
	}


div.spotlight {
	background: #feb url(../../library/spotlight-bg.png) no-repeat;
	padding-left: 35px;
	padding-bottom: 16px;
	padding-right: 1em;
	margin-left: -35px;
	margin-top: 1em;
	margin-bottom: 1em;
	position: relative;
	top: 0;
	left: 0;
	}

div.spotlight .mod-snip {
	margin-bottom: 0;
	}

div.spotlight .topleft {
	background: url(../../library/spotlight-star.gif) no-repeat;
	width: 40px;
	height: 34px;
	position: absolute;
	top: -16px;
	left: -14px;
	}

div.spotlight .bottomleft,
div.spotlight .topright,
div.spotlight .bottomright {
	background: url(../../library/spotlight-corners.png) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	}
div.spotlight .bottomright {
	background-position: 100% 100%;
	bottom: 0;
	right: 0;
	}
div.spotlight .bottomleft {
	background-position: 0 100%;
	bottom: 0;
	left: 0;
	}
div.spotlight .topright {
	background-position: 100% 0;
	top: 0;
	right: 0;
	}




/* Form modules
--------------------------------*/
label {
	font-weight: bold;
	cursor: pointer;
	}

input.button {
	font-weight: bold;
	color: #fe3;
	background-color: #048;
	border: solid 1px #08d;
	}

fieldset {
	padding: .5em;
	}

.content fieldset {
	margin-bottom: 1em;
	}

legend {
	font-weight: bold;
	color: #666;
	}

	
/* Sub form section */
fieldset fieldset {
	border: none;
	border-top: solid 1px #ccc;
	padding-bottom: 1em;
	}

fieldset fieldset legend {
	font-weight: normal;
	padding-top: .5em;
	padding-bottom: .5em;
	}


/* Multi item form row */
div.row fieldset {
	margin: 0;
	padding: 0 .4em;
	}



div.row fieldset legend {
	color: #000;
	padding-top: .5em;
	padding-bottom: .5em;
	}

div.last {
	clear: left;
	text-align: right;
	}

div.last input.button {
	margin-right: .5em;
	}

div.formsuccess {
	border: solid 2px green;
	padding: .5em;
	color: green;
	margin-bottom: 1em;
	}

div.receipt {
	border: solid 2px green;
	padding: .5em;
	color: green;
	margin-top: 1em;
	margin-bottom: 1em;
	}

div.receipt h3,
div.formsuccess h3 {
	color: green;
	padding-top: .3em;
	padding-bottom: .2em;
	}


div.formerror {
	border: solid 2px #f30;
	padding: .5em;
	margin-bottom: 1em;
	color: #f30;
	}

div.formerror h3 {
	padding-top: .5em;
	padding-bottom: .2em;
	color: #f30;
	}

div.formerror label {
	text-decoration: underline;
	font-weight: normal;
	}



strong.required {
	color: #f30;
	cursor: help;
	}

div.error {
	color: #f30;
	}
	
label.error {
	color: #f30;
	}	

div.row {
	position: relative;
	top: 0;
	left: 0;
	padding: .3em 0 .5em;
	}

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

div.last {
	border-bottom: none;
	}


span.desc {
	float: left;
	display: inline;
	padding: 0 1.5em 0 0;
	width: 15em;
	text-align: right;
	}

div.radio span.desc {
	text-align: left;
	}

div.radio {
	margin-left: 16em;
	}

fieldset p {
	text-align: right;
	}

div.checkbox {
	padding-bottom: 1em;
	}

div.group {
	margin-left: 0;
	}

div.checkbox p {
	padding-right: 7em;
	padding-left: 1.5em;
	text-align: left;
	}

div.row span.checkbox input {
	margin: 0;
	padding: 0;
	font-size: 107%;
	height: 1em;
	width: 1em;
	}


div.checkbox span.desc {
	text-align: left;
	float: none;
	}


/* for grouped radio buttons/checkbox elements */
div.radio span.elementgroup span.element,
div.checkbox span.element {
	float: left;
	display: inline;
	width: 1.5em;
	}

/* multiple checkboxes in a row */
div.checkbox span.elementgroup span.element {
	width: 1.5em;
	}


/* grouped radio button / checkbox label */
span.elementgroup span.desc {
	float: left;
	display: inline;
	width: 14em;
	}

span.desc span.info {
	font-weight: normal;
	display: block;
	}



span.elementgroup span.element {
	float: left;
	display: inline;
	width: 8em;
	padding-bottom: .5em;
	}

/* Grouped checkbox/radio button wrapper element */
span.elementgroup {
	display: block;
	clear: both;
	}

span.elementgroup label {
	float: left;
	display: inline;
	width: 17.5em;
	padding-bottom: 1em;
	z-index: auto;
	}

/* Where is this used? */
span.elementgroup label strong.required {
	position: absolute;
	top: 0;
	left: 8em;
	}


label span.info {
	font-weight: normal;
	}


/* two fieldset in one row */
div.duo fieldset {
	width: 47%;
	float: left;
	display: inline;
	}

div.duo span.elementgroup {
	display: block;
	clear: none;
	float: none;
	}

div.duo span.elementgroup span.element, 
div.duo span.elementgroup span.desc {
	float: none;
	display: block;
	text-align: left;
	}


div.duo span.elementgroup span.desc {
	width: auto;
	}

div.duo span.elementgroup span.element {
	width: auto;
	}

div.duo span.elementgroup label {
	float: left;
	display: inline;
	width: 11.5em;
	padding-top: .5em;
	height: 3.6em;
	}

div.row strong.required {
	position: absolute;
	top: 0;
	left: 15.5em;
	display: block;
	padding: .3em 0;
	}

div.row input.field {
	width: 20em;
	}

div.row input.postcode {
	width: 3em;
	}

div.row textarea {
	width: 20em;
	height: 6em;
	}

/* Details list
-------------------------- */
ul.details-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

ul.details-list li {
	padding: 0;
	margin: 0;
	}

ul.details-list li em {
	float: left;
	display: inline;
	width: 9em;
	text-align: right;
	padding: .3em .5em .3em 0;
	}

ul.details-list li span {
	float: left;
	display: inline;
	width: 20em;
	padding: .3em 0;
	}

.mod-events,
.mod-currentnews {
	margin-top: 1em;
	}



/* Listing Filter 
------------------------ */
div.filter fieldset:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}

.filter {
	position: relative;
	}

.filter .row {
	float: left;
	margin-left: 1em;
	width: 13em;
	padding: 0;
	}

.filter .subrow {
	float: left;
	margin-right: .5em;
	position: relative;
	padding: .3em 0;
	}
div.filter div.last {
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: .25em;
	}


div.filter legend {
	padding: .5em .2em;
	}

div.filter label {
	padding: 0 .5em 0 0;
	}

.filter .row .field {
	width: 12em;
	}

.filter .checkboxes {
	width: 29em;
	}

.mod-events .filter .checkboxes {
	min-width: 27px;
	max-width: 38em;
	width: auto;
	}

.filter .desc {
	width: auto;
	padding: 0 .5em 0 0;
	}

.filter .checkbox {
	float: left;
	width: 10em;
	padding: .5em 0;
	}

.mod-events .filter .checkbox {
	width: 16em;
	}

.filter .checkbox label {
	margin-left: .5em;
	padding: 0;
	}


/* Tab panels 
--------------------------------*/

div.mod-subscription {
	position: relative;
	top: 0;
	left: 0;
	padding-top: 2em;
	}

/* 'js' class set by ui.js */
body.js div.panel {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	}

div.tab1 div#tab1,
div.tab2 div#tab2,
div.tab3 div#tab3
	{
	visibility: visible;
	position: static;
	}

body.js ul.tabs {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0;
	border-bottom: solid 2px #036;
	}

body.js ul.tabs li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	}

body.js ul.tabs a {
	margin: 0;
	padding: .3em 1.3em .3em .7em;
	display: block;
	background: url(../../library/tab-corner-back.gif) no-repeat top right #acd;
	}
body.js ul.tabs a:link {
	color: #036;
	}
body.js ul.tabs a:visited {
	color: #036;
	}
body.js ul.tabs a:focus {
	color: #d11;
	}
body.js ul.tabs a:hover {
	color: #d11;
	}
body.js ul.tabs a:active {
	color: #d11;
	}

body.js div.tab1 li.tab1 a,
body.js div.tab2 li.tab2 a,
body.js div.tab3 li.tab3 a
 {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(../../library/tab-corner-front.gif) no-repeat top right #036;
	cursor: default;
	}

body.js div.tab1 li.tab1 a:link {
	color: #fff;
	}
body.js div.tab1 li.tab1 a:visited {
	color: #fff;
	}

body.js div.tab2 li.tab2 a:link {
	color: #fff;
	}
body.js div.tab2 li.tab2 a:visited {
	color: #fff;
	}

body.js div.tab3 li.tab3 a:link {
	color: #fff;
	}
body.js div.tab3 li.tab3 a:visited {
	color: #fff;
	}


/* Vacancies listing
--------------------------------*/

div.mod-vacancies p.date {
	float: none;
	}


/* Research project listing
--------------------------------*/

div.mod-projects p.date {
	float: none;
	}

/* Research project detail
--------------------------------*/
div.mod-projectdetail dl {
	clear: both;
	margin: 0;
	padding-bottom: .5em;
	}

div.mod-projectdetail dt {
	width: 11em;
	float: left;
	margin-right: 0 -11em 0 0;
	text-align: right;
	font-size: 100%;
	padding: .2em 0;
	line-height: 1;
	}

div.mod-projectdetail dd {
	margin: 0 0 0 12em;
	padding: .2em 0;
	line-height: 1;
	}


/* Related links
------------------------------------*/
div.mod-internallinks {
	background: url(../../library/twirl2.jpg) no-repeat 0 2em;
	}

div.mod-externallinks {
	background: url(../../library/twirl3.jpg) no-repeat 0 2em;
	}


/* Glossary
------------------------------------*/

div.mod-glossary {
	background: url(../../library/twirl1.jpg) no-repeat 0 2em;
	}

dfn,em.glossary {
	vertical-align: bottom;
	position: relative;
	top: 0;
	left: 0;
	}
	

dfn span, em.glossary span {
	z-index: 2;
	position: absolute;
	top: 1.3em;
	left: 0;
	font-style: normal;
	background-color: #ffd;
	width: 20em;
	padding: .5em;
	border: solid 1px #aa7;
	color: #000;
	line-height: 1.6;
	}

dfn.right span, em.right span {
	left: auto;
	right: 0;
	}

dfn strong, em.glossary strong {
	display: block;
	width: 100%;
	}

em.glossary strong a:link {
	color: #000;
	}
em.glossary strong a:visited {
	color: #000;
	}
em.glossary strong a:focus {
	color: #000;
	}
em.glossary strong a:hover {
	color: #000;
	}
em.glossary strong a:active {
	color: #000;
	}


dfn strong a:link {
	color: #000;
	}
dfn strong a:visited {
	color: #000;
	}
dfn strong a:focus {
	color: #000;
	}
dfn strong a:hover {
	color: #000;
	}
dfn strong a:active {
	color: #000;
	}

dfn strong a, em.glossary strong a {
	cursor: text;
	}

dfn.show, em.show {
	z-index: 3;
	background-color: #000;
	}



dt {
	font-weight: bold;
	}




em.glossary a {
	cursor: help;
	}

em.glossary a:link {
	color: #c60;
	}
em.glossary a:visited {
	color: #c60;
	}
em.glossary a:focus {
	color: #f00;
	}
em.glossary a:hover {
	color: #f00;
	}
em.glossary a:active {
	color: #f00;
	}


em.show a.term {
	text-decoration: none;
	}

em.show a.term:link {
	color: #fff;
	}
em.show a.term:visited {
	color: #fff;
	}
em.show a.term:focus {
	color: yellow;
	}
em.show a.term:hover {
	color: yellow;
	}
em.show a.term:active {
	color: yellow;
	}





dfn a {
	white-space: nowrap;
	cursor: help;
	}

dfn a:link {
	color: #c60;
	}
dfn a:visited {
	color: #c60;
	}
dfn a:focus {
	color: #f00;
	}
dfn a:hover {
	color: #f00;
	}
dfn a:active {
	color: #f00;
	}


/* Donation steps
------------------------ */
div.content ol.steps,
ol.steps {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	clear: both;
	height: 2em;
	}


ol.steps li {
	width: 33%;
	white-space: nowrap;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	color: #fff;
	margin-right: -20px;
	}

ol.steps li span,
ol.steps li strong {
	width: 100%;
	white-space: nowrap;
	display: block;
	padding-left: 20px;
	margin: 0;
	line-height: 2;
	}


ol.steps strong {
	color: #000;
	}

ol.steps li.step1 {
	background: url(../../library/donatestep1idle.gif) no-repeat 0 50%;
	}

ol.steps li.step2 {
	background: url(../../library/donatestep2idle.gif) no-repeat 0 50%;
	}

ol.steps li.step3 {
	background: url(../../library/donatestep3idle.gif) no-repeat 0 50%;
	}


ol.steps li.step1 strong {
	background: url(../../library/donatestep1.gif) no-repeat 0 50%;
	}

ol.steps li.step2 strong {
	background: url(../../library/donatestep2.gif) no-repeat 0 50%;
	}

ol.steps li.step3 strong {
	background: url(../../library/donatestep3.gif) no-repeat 0 50%;
	}






/* Site map 
------------------------ */

div.mod-sitemap h2 a:link {
	text-decoration: none;
	}

div.mod-sitemap h2 a:visited {
	text-decoration: none;
	
	}

div.mod-sitemap h2 a:focus {
	text-decoration: underline;
	}

div.mod-sitemap h2 a:hover {
	text-decoration: underline;
	}

div.mod-sitemap h2 a:active {
	text-decoration: underline;
	}

div.mod-sitemap ul.nav {
/*	line-height: 2;*/
	list-style-type: none;
	padding-left: 0;
	}

div.mod-sitemap ul ul {
/*	list-style-type: disc;*/
	margin: 0 0 0 4em;
	padding-left: 0;
	}

div.mod-sitemap li li {
	padding-left: 18px;
	line-height: 2;
	background: url(../../library/nav2.gif) no-repeat 6px .7em;
	}


/* Search results
--------------------------- */

div.mod-searchresults {
	}

div.mod-searchresults h2 {
	padding: .5em 0 .3em 0;
	border-bottom: solid 2px #fb0;
	}

div.paging-nav h2 {
	padding: 2em 0 .3em 0;
	border-bottom: solid 2px #fb0;
	}
	
h2.displaying {
	padding: 2em 0 .3em 0;
	border-bottom: solid 2px #fb0;
	}	

div.paging-nav div.relative {
	padding-bottom: 1em;
	}

div.paging-nav div.relative li,
div.paging-nav div.index li {
	float: left;
	display: inline;
	width: auto;
	padding: 0 1em 0 0;
	}

div.paging-nav div.relative li.prev-page {
	background: url(../../library/nav-left3.gif) no-repeat 0px .6em;
	padding: 0 1em 0 12px;
	}

div.paging-nav div.relative li.next-page {
	background: url(../../library/nav2.gif) no-repeat 100% .6em;
	padding: 0 12px 0 0;
	}


div.paging-nav div.index p {
	float: left;
	display: inline;
	width: 7.5em;
	margin: 0;
	padding: 0;
	}


#ThawteSeal {
	position: absolute;
	right: 15em;
	top: 80px;
	}


/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}