@import url(http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

@font-face {
  font-family: 'icons';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../font/fontawesome-webfont.woff') format('woff'),
	   url('../font/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html {
	font-size: 62.5%;
	height: 100%;
	overflow-x:hidden;
	}

	.lt-ie9 html, .lt-ie9 body {
		overflow-x: auto;
		}

	.lt-ie9 #container {
		min-width: 1024px;
		margin: 0 auto;
		}


	@media screen and (min-width: 1280px) {
		html {font-size: 75%; }
		}
	@media screen and (min-width: 1440px) {
		html {font-size: 87%; }
		}
body {
	font-family: Karla, Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	min-height: 100%;
	}

img {
	max-width: 100%;
	}
	.home [role=main] {
		background: #efece0 url(../img/home_bg.jpg) no-repeat;
		background-size: contain;
		background-position: right bottom;
		}

		.lt-ie7 .home .main {
			background: #efece0 url(../img/home_bg.jpg) no-repeat;
			}

	.page-id-18 {
		background-image: url(../img/about-participants.jpg);
		background-position: 100% -10%;
		background-repeat: no-repeat;
		}

		.backgroundsize .page-id-18 {
			background-image: url(../img/about-participants@2x.jpg);
			background-size: 50% auto;
			}

	.page-id-22 {
		background-image: url(../img/about-clinicians.jpg);
		background-position: 100% -10%;
		background-repeat: no-repeat;
		}

		.backgroundsize .page-id-22 {
			background-image: url(../img/about-clinicians@2x.jpg);
			background-size: 50% auto;
			}

	.page-id-46 {
		background-image: url(../img/about-researchers.jpg);
		background-position: 100% 0%;
		background-repeat: no-repeat;
		}

		.backgroundsize .page-id-46 {
			background-image: url(../img/about-researchers@2x.jpg);
			background-size: 50% auto;
			}

	.page-id-48 {
		background-image: url(../img/about-industry.jpg);
		background-position: 100% -10%;
		background-repeat: no-repeat;
		}

		.backgroundsize .page-id-48 {
			background-image: url(../img/about-industry@2x.jpg);
			background-size: 50% auto;
			}


	@media screen and (max-width: 767px) {
		.home [role=main],
		.page-id-18, .backgroundsize .page-id-18,
		.page-id-22, .backgroundsize .page-id-22,
		.page-id-46, .backgroundsize .page-id-46,
		.page-id-48, .backgroundsize .page-id-48{
			background-image: none;
			}
	}

	@media screen and (min-width: 767px) and (max-width: 1020px) {
		.home [role=main] {
			background-size: auto 70%;
			background-position: 150px 100%;
			}

		.page-id-18, .backgroundsize .page-id-18,
		.page-id-22, .backgroundsize .page-id-22,
		.page-id-46, .backgroundsize .page-id-46,
		.page-id-48, .backgroundsize .page-id-48 {
			background-position: 100% 0%;
			}
		}


	@media screen and (min-width: 1020px) {
		.home [role=main] {
			background-size: 80%;
			}
	}

/* Header */
[role=banner] {
	background: #2164af;
	background: rgba(33, 100, 175, 0.6);
	position: relative;
	min-height: 110px;
	min-height: 11rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0 0 1em rgba(0,0,0,0.3);

	padding: 0 5%;
	}

	[role=banner]:before {
		content: "";
		background-image: url(../img/nzlogo.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100px;
		width: 10rem;
		height: 100px;
		height: 10rem;
		display: block;
		position: absolute;
		bottom: 1rem;
		right: 2%;
	}

	.svg [role=banner]:before {
		background-image: url(../img/nzlogo.svg);
		}

	.lt-ie7 .role-banner { height: 110px; background: #2164af; position: relative; padding: 0 5%; }

	/*.lt-ie8 [role=banner], .lt-ie7 .role-banner {
		padding: 0 60px;
		}*/

	[role=banner]:after {
		content: "";
		clear:both;
		display: block;
		}

#logo {
	margin: 0;
	padding: 20px 0;
	padding:2rem 0;
	float: left;
}

#logo a {
	width: 265px;
	width: 26.5rem;
	background: url(../img/logotype.png) no-repeat;
	background-size: 100% auto;
	background-position: bottom left;
	padding-top: 75px;
	padding-top: 7.5rem;
	height: 0;
	display: block;
	overflow: hidden;
	}

	.svg #logo a {
		background-image: url(../img/logotype.svg);
		}


/* Navigation*/
nav ul { padding: 0; margin: 0;}
nav a {
	color: #1c5ca7;
	padding: 0.625em;
	margin-left: 0.625em;
	text-decoration: none;
	}

	nav a:hover,
	nav .current_page_item a,
	nav .current-page-ancestor a,
	nav .current-faq-ancestor a,
	nav .current-menu-ancestor a,
	nav .current-menu-item a{
		-moz-border-radius: 2rem;
		-webkit-border-radius: 2rem;
		border-radius: 2rem;
		box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0,0,0,0.4),
					0.1rem 0.1rem 0.1rem rgba(255,255,255,0.2);
		background: #0074B6;
		background: rgba(0,0,0,0.1);
		_color: #fff; /* target ie6*/
		}

		footer nav a:hover { _color: #1c5ca7; /*target IE6 */}

nav li {
	list-style: none;
	display: inline-block;
	font-size: inherit;
	}

	.lt-ie9 nav li {
		display: block;
		float: left;
		}


[role=navigation] {
	float: right;
	position: absolute;
	bottom: 0;
	right: 160px;			right: 16rem;
	padding-bottom: 10px; 	padding-bottom: 1rem;
	margin-bottom: 10px; 	margin-bottom: 1rem;
	}
	.lt-ie8 #access { top: 80px; bottom: auto;}
	.lt-ie7 #access { float: right; bottom: 0; position: absolute; right: 40px; padding-bottom: 10px;margin-bottom: 10px;}

	[role=navigation] a {
		color: white;
		font-size: 14px;	font-size: 1.4rem;
		text-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.55);
		text-decoration: none;
		}

		.lt-ie7 #access a { color: #fff; font-size: 16px; text-decoration: none;}

	@media screen and (max-width:968px) {

		#logo {
			position: absolute;
			bottom: 0;
			}

		#logo a {
				width: 50%;
				}

		[role=banner]:before {
			width: 6rem;
			height: 6rem;
			right: 5%;
			}

		[role=navigation] {
			height: 2rem;
			overflow: hidden;
			position: absolute;
			padding-top: 1rem;
			padding-right: 0rem;
			z-index: 100;
			cursor: pointer;
			position: static;
			margin-bottom: 8rem;
			}
		[role=navigation] li {
			display: block;
			}
		[role=navigation] li:last-child a {
			margin-bottom: 0;
			}

		[role=navigation] a {
			float: right;
			clear: right;
			}

		[role=navigation]:before {
			font-family: "icons";
			content: "\f0c9";
			color: #fff;
			display: block;
			font-size: 2rem;
			text-align: right;
			padding-right: 1rem;
			padding-bottom: 1rem;
			}

		[role=navigation].open,
		.no-touch [role=navigation]:hover {
			height: auto;
			overflow: visible;
			}

			[role=navigation].open:after,
			.no-touch [role=navigation]:hover:after {
				content: "";
				clear:both;
				display: block;
				}
	}

	@media screen and (min-width:667px) and (max-width: 1024px) {

		nav a {
			padding: 0.5em;
			margin-left: 0;
			}

		[role=navigation] a {
			font-size: 12px;	font-size: 1.2rem;
			}

		}

/* Home */
input[type=search], .lt-ie8 [role=search] input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 86%;
	height: 1.58333333333333333333em;
	font-size: 1em;
	line-height: 0;
	padding: 0.291666666666666666666666666em;
	border: 1px solid #4f8cc1;
	background: #fff;
	color: #20254e;
	-webkit-border-radius: 1em 0 0 1em;
	-moz-border-radius: 1em 0 0 1em;
	border-radius: 1em 0 0 1em;
	text-indent: 0.5em;
	font-family: inherit;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	vertical-align:middle;
	}



	.lt-ie10 input.search {
		line-height: 1.583333;
		padding: 0;
		}

	.lt-ie9 input.search {
		line-height: 1;
		}

	.lt-ie8 input.search {
			width: 50%;
			line-height: 1.583333;
			}

	.lt-ie7 input.search {
		width: 115px;
		height: 1.5833333333333em;
		font-size: 1em;
		background: #fff;
		border: 1px solid #4f8cc1;
		color: #20254e;
		text-indent: 0.5em;
		font-family: inherit;
		line-height: 1.583333333333
		}

		.lt-ie7 .home input.search { width: 500px;}
		.lt-ie7 .search input.search { width: 320px;}


		.lt-ie8 #not-recruiting { width: auto; background: none;}

	input[type=search]:focus {
		outline: none;
		box-shadow: 0 0 0.6em rgba(161,207,244,0.7),
					inset 0.1rem 0.1rem 0.3rem rgba(64,146,209,0.5)
		}

	::-webkit-input-placeholder {
		color: #20254e;
		-webkit-transition: 0.3s;
		line-height:1;
		}

		:focus::-webkit-input-placeholder {
			color: transparent;
			}

	::-moz-placeholder, :-moz-placeholder {
		color: #20254e;
		-moz-transition: 0.3s;
		line-height: 1;
		}

		:focus::-moz-placeholder, :focus:-moz-placeholder {
			color: transparent;
			}

[role=search]{
	width: 100%;
	font-size: 24px;	font-size: 2.4rem;
	}

	.lt-ie7 .role-search { width: 100%; font-size: 24px;}

	.home [role=search] { max-width: 500px; max-width: 50rem; padding: 0 5% 5%; }
	.lt-ie7 .home .role-search { padding: 0 5% 5%;}
		@media screen and (max-width:600px) {
			.home [role=search] { max-width: none; padding: 0 0 5% 0; }
			}

	aside [role=search] { font-size: 2rem; }
	.lt-ie7 aside .role-search { font-size: 20px; }

	h3 [role=search] {
		width: auto;
		display: inline-block;
		font-size: inherit;
		}

		.lt-ie7 h3 .role-search { width: 400px; display: inline; font-size: 14px; margin: 0; }
		.lt-ie7 h3 .role-search input { margin: 0; text-align: left; line-height: 1.4; position: relative;}

[role=search] [type=submit], .lt-ie8 [role=search] button {
	height: 1.5833333333333333333333333333333333em;
	width: 14%;
	max-width: 14%;
	padding: 0 4%;
	-webkit-border-radius: 0 2em 2em 0;
	-moz-border-radius: 0 2em 2em 0;
	border-radius: 0 2em 2em 0;
	border:1px solid #164c8f;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(47,101,168,1);
	text-shadow: 0.1rem 0.1rem 0 rgba(0,0,0,0.66);
	background: #5380b9;
	line-height: 1;
	color: #fff;
	margin-left: -0.333333333333333333333333333333em;
	text-align: left;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	font-size: 1em;
	vertical-align:middle;
	}

	.lt-ie7 .role-search button {
		width: 5em;
		color: #fff;
		padding: 0 10px;
		height: 1.7em;
		line-height: 1;
		background: #2164af;
		border: none;
		cursor: pointer;
		}

		.lt-ie7 .role-search button i {font-style: italic;}

	.lt-ie8 [role=search] button {
		width: 5em;
		max-width: none;
		color: #fff;
		margin-left:0; }

	[role=search] [type=submit]::-moz-focus-inner {
		padding: 0 3%;
		}

	[role=search] [type=submit]:hover {
		background: #27568e;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
					inset 0 -1px 0 rgba(32, 49, 71,1),
					0 0 0.5em 0.1em rgba(161,207,244,0.6);
		}

	[role=search] [type=submit]:active {
	    background: #27568e;
	    border-color: rgb(24,36,51);
		box-shadow: inset 0 1px 1px rgba(32,49,71,0.7);
		}

		.fontface [type=submit] [data-icon]:before {
			left:0;
			text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.5);
			}

/*Suggestions*/

.suggest-wrap { position: relative; margin-left: -2.5%; margin-bottom: 0;}
body.search .suggest-wrap { width: auto; }

@media screen and (max-width: 600px) {
	.suggest-wrap { margin-left: 0; }
	}

.suggest {
	position: absolute;
	top: 3.2em;
	background: #E2EBF0;
	background: rgba(226,236,240,.95);	
	-moz-border-radius:  0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	box-shadow: 0 0 0.5em 0.1em rgba(161,207,244,0.6);
	left: 2.5%;
	width: 83.5%;
	font-size: 0.5em;
	display: none;
	z-index: 100;
	}

	.lt-ie7 .suggest {
		top: 6.4em;
		}

	.open .suggest { display: block; }

	.suggest h4 {
		text-transform: uppercase;
		font-size: 1.2em;
		font-style: italic;
		font-weight: normal;
		color: #5d5d5d;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(255,255,255,0.5);
		padding: 0 5% 2.5%;
		margin: 1em 0 0;
		}

	.suggest a { 
		text-decoration: none;
		display: block;
		padding: 0.25em 5%;
		position: relative;
		}

		.lt-ie7 .suggest a {
			color: #20254E;
			}

	.suggest a:hover,
	.suggest .highlighted a {
		background: #F1F9FC;
		background: rgba(244,251,255,.85);	
		box-shadow: 0 0 1em rgba(161,207,244,1);
		}

		.generatedcontent.fontface .suggestions a:hover:after,
		.generatedcontent.fontface .suggestions .highlighted a:after {
			font-family: "Karla", "sans-serif", "icons";
			content: "show results \f061";
			font-size: 0.5em;
			position: absolute;
			top: 50%;
			right: 5%;
			margin-top: -0.5em;
			color: inherit;
			}

			.generatedcontent.fontface aside .suggestions a:hover:after,
			.generatedcontent.fontface h3 .suggestions a:hover:after,
			.generatedcontent.fontface aside .suggestions .highlighted a:after,
			.generatedcontent.fontface h3 .suggestions .highlighted a:after {
				content: "\f061";
				}

			@media screen and (max-width: 568px) {
				.generatedcontent.fontface .suggestions a:hover:after,
				.generatedcontent.fontface .suggestions .highlighted a:after {
					content: "\f061";
					}
				}

		.suggest ul, .suggest li {
			display: block;
			padding: 0;
			margin: 0;
			list-style: none;
			}


			.suggestions li { font-size: 2.2em; line-height: 1.2;}
			.suggested-trials li { 
				font-size: 1.5em;
				line-height: 1.2;
				}

				.suggested-trials a {
					padding: 1em 5% 0;
					}
				.suggested-trials a:after {
					content: "";
					display: block;
					height:0;
					margin-top:1em;
					border-bottom: 1px solid rgba(0,0,0,0.1);
					box-shadow: 0 1px 1px rgba(255,255,255,0.5);
					}

	.term { 
	    border-radius: 0.125em;
	    padding: 0px 0.125em;
	    border: 1px dotted rgb(190, 211, 234);
	    background-color: rgba(190, 211, 234,0.6);
		}
	
	form .term { color: #0D1345;}
/* Icons */
[data-icon] {
	font-style: normal;
	}

	.generatedcontent.fontface [data-icon].replace {
		display: inline-block;
		display: block;
		position: relative;
		height:0;
		width: 1.4em;
		overflow:hidden;
		padding-top: 1.2em;
		text-indent: 0.1em;
		margin-left: -0.3em;
		}

	.generatedcontent.fontface [data-icon]:before {
		display: inline-block;
		content: "";
		font-family: "icons";
		font-size: 1em;
		color: inherit;
		top: 0;
		left: 0;
		}

		.generatedcontent.fontface [data-icon].replace:before {
			position: absolute;
			}

	.generatedcontent.fontface [data-icon="search"]:before { content: "\f002"; }


[href="#status-definitions"] {
	display: inline-block;
	padding-top: 1em;
	position: relative;
	overflow: hidden;
	width: 1em;
	text-decoration: none;
	height: 0;
	font-size: 1.2em;
	line-height: 1;
	top: 0.15em;
	margin-left: 0.5em;
	}

	[href="#status-definitions"]:after {
		font-family: "icons";
		content: "\f059";
		position: absolute;
		top: 0;
		left: 0;
		color: #164C8F;
		}

/* Main Container */

#container { zoom: 1;}

[role=main],
.home [role=main] {
	max-width: none;
	width: 90.1%;
	padding: 0 5%;
	float: left;
	margin-top: -380px;
	padding-top: 380px;
	margin-top: -38rem;
	padding-top: 38rem;
	padding-bottom: 2em;
	}
	.lt-ie8 .main { margin-top: 0;}
	/*.lt-ie9 .home .main { margin-top: -380px;}*/
	.lt-ie7 .home .main, .lt-ie7 .main { width: 90%; padding: 0 5%;}

	[role=main]:after {
		content: "";
		clear:both;
		display: block;
		}

[role=main] nav {
	font-size: 18px;	font-size: 1.8rem;
	line-height: 3;
	margin-left: -20px;	margin-left: -2rem;
	margin-bottom: 2em;
	margin-top: -1em;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.1),
			1px 1px 1px rgba(255,255,255,0.1);
	}
	.lt-ie7 .main nav {
		font-size: 18px;
		line-height: 3;
		}

	.lt-ie8 [role=main] {
		padding: 0 60px;
		}

	@media screen and (max-width: 720px) {
		[role=main] nav {
			font-size: 1.6rem;
			}
		}

	@media screen and (max-width: 568px) {
		[role=main] h1 { text-align: center; }

		[role=main] nav { text-align: center;}

		[role=main] nav ul { display: inline-block;}

		[role=main] nav li {
			line-height: 3;
			display: none;
			margin: 0 auto;
			}

			[role=main] nav a {
				margin: 0 auto;
				}

			[role=main] nav.open li,
			.no-touch [role=main] nav:hover li {
				display: block;
				}

		[role=main] nav .current_page_item,
		[role=main] nav .current-page-ancestor {
			display: block;
			}

		[role=main] nav .current_page_item a:after,
		[role=main] nav .current-page-ancestor a:after {
			font-family: "icons";
			margin-left: .625em;
			content: "\f063";
			display: inline-block;
			}


		}

	[role=main] nav:after {
		content: "";
		clear:both;
		display: block;
		}

	[role=main] nav a:hover,
	[role=main] nav .current-menu-item a,
	[role=main] nav .current_page_item a,
	[role=main] nav .current-page-ancestor a,
	[role=main] nav .current-menu-ancestor a {
		background: #0074B6;
		color: #fff;
		background: rgba(13,151,239,0.1);
		}

		.rgba [role=main] nav a:hover,
		.rgba [role=main] nav .current-menu-item a,
		.rgba [role=main] nav .current_page_item a,
		.rgba [role=main] nav .current-page-ancestor a,
		.rgba [role=main] nav .current-menu-ancestor a {
			color: inherit;
			}

aside { float: left; padding: 0 5%;}
.lt-ie9 aside {	margin-top: 100px; padding: 0; width: 30%; }

[role=main], aside {
	max-width: 60em;
	}

	@media screen and (min-width: 1024px) {

		[role=main] {
			width: 55%;
			}

			[role=main] nav,
			[role=main]>h1,
			article>header {
				width: 163.63%;
				}

		aside {
			margin-top: 100px;
			margin-top: 20rem;
			width: 30%;
			padding: 0;
			}

		}

	.lt-ie7 .main {
		width: 45%;
		padding: 0 60px;
		float: left;
		}
		
	.lt-ie8 .main {
		width: 55%;
		}

		.lt-ie8 .home .main { width: 90%;}

		.lt-ie7 .search .main {
			width: 35%;
			}

			.lt-ie7 .search .main .trials-listing {
				width: 150%;
				}

	.lt-ie7 aside {
		width: 30%;
		padding: 0 20px;
		}


li p { margin: 0;}
/* Footer */
footer {
	font-size: 12px;	font-size: 1.2rem;
	width:90%;
	float: left;
	padding: 0 5%;
	clear:both;
	padding-top: 1em;
	border-top: 1px solid #eee;
	border-top: 1px solid rgba(77,61,124,0.2);
	background: #fff;
	}

	.lt-ie7 footer {
		display: inline;
		}

	footer nav {
		float: left;
		margin-bottom: 2em;
		}

	footer ul { margin: 0; padding: 0;}

	footer a { font-weight: bold; }

	footer li { display: block; display: inline-block; float: left; margin-right: 1em;}

	#menu-supporters { float: right;}
	#menu-supporters a { display: block; display: inline-block; background-image: url(../img/supporters.gif); background-repeat: no-repeat; height: 0; padding-top: 33px; overflow: hidden; }

	.moh a{
		width: 85px;
		}

	.hrc a{
		width: 90px;
		background-position: -114px 0;
		}

	.nzhih a{
		width: 33px;
		background-position: -223px 0;
		}

	footer nav a:hover { box-shadow: none; background: none; text-decoration: underline }

@media screen and (max-width: 480px) {

	footer li {
		display: block;
		clear: both;
		}

	}


	
		


/* Text Styles */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	}

p, li {
	font-size: 14px;	font-size: 1.4rem;
	line-height: 1.4;
	color: #060505;
	}

	li { line-height: 1.2857; }

a { color: inherit; }
/*.lt-ie7 a { color: #27568e; }*/
/*Headings*/

h1 {
	margin-top: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 30px;	font-size: 3rem;
	line-height: 1.1;
	color: #0d1345;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	}

	@media screen and (max-width: 600px) {
		.home h1 br { display: none;}
		}

h2 {
	font-size: 24px;	font-size: 2.4rem;
	line-height: 1.08333;
	color: #0d1345;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	}


h3, dt {
	font-size: 20px;	font-size: 2rem;
	line-height: 1.15;
	color: #0d1345;
	}

	.lt-ie8 [role=main] h3 { clear:both; }
	.lt-ie7 .main h3 { clear:both; }


@media screen and (max-width: 480px) {

		h1 {
			font-size: 2.4rem;
			}

		h2 {
			font-size: 2.1rem;
			}

		h3 {
			font-size: 1.8rem;
			}
	}


dd {
	margin: 0;
	}

/*Buttons*/
.generatedcontent .act:after {
		content: " \00BB";
		}
.button {
	display: inline-block;
	padding: 0.5em 1em;
	border:1px solid #164c8f;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(47,101,168,1);
	text-shadow: 0.1rem 0.1rem 0 rgba(0,0,0,0.66);
	background: #5380b9;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	}

	.generatedcontent .button:after {
		content: " \00BB";
		}

	.generatedcontent .button[href$=".pdf"]:before,
	.generatedcontent .button[href$=".doc"]:before,
	.generatedcontent .button[href$=".docx"]:before {
		font-family: "icons";
		content: "\f0f6";
		padding-right: 0.5em;
		}

	.button:hover {
		background: #27568e;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),
					0 1px 0 rgba(32, 49, 71,1),
					0 0 0.5em 0.1em rgba(161,207,244,0.6);
		}

	.button:active {
	    background: #27568e;
	    border-color: rgb(24,36,51);
		box-shadow: inset 0 1px 1px rgba(32,49,71,0.7);
		}

/*Box Styles*/
.promo {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 0 0.5rem rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.08);
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.25em;
	padding: 20px;	padding: 2rem;
	margin: 1%;
	}

	.promo>a { text-decoration: none;}

	aside .promo {
		margin: 1.5em 0;
		}
	.home .promo {
		width: 31%;
		float: left;
		}

		.lt-ie8 .home .promo {
			width: 25%;
			}

		@media screen and (max-width: 768px) {
			 .home .promo { width: 48%;}
			 .home .promo:nth-of-type(3) { width: 100%;}
			}

		@media screen and (max-width: 480px) {
			 .home .promo { width: 100%;}
			}

	.promo h2, .promo h3, .promo p:first-child {
		margin-top: 0;
		}

		.promo p:first-child {
			color: #008AAD;
			margin-bottom: 0.5em;
			font-weight: bold;
			font-size: 1.4em;
			}


.expand {
	background: rgba(141, 190, 235, 0);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 1%;
	padding: 0em 2em 0em 4em;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	clear: both;
	}

	.lt-ie8 .expand {
		padding: 0 2em 0 0;
		}

	@media screen and (min-width: 600px) {
		.expand {
			margin-left: -1em;
			}
		}


	.expand.open {
		padding: 0.5em 2em 1em 4em;
		background: #E2EBF0;
		background: rgba(141, 190, 235, 0.3);
		box-shadow: inset 0.1rem 0.1rem 0 rgba(0,0,0,0.05),
					0.1rem 0.1rem 0 rgba(255,255,255,0.1);
		}

		.lt-ie7 .open {
			padding: 1em;
			}

			.lt-ie7 .open h3 { margin-top: 0;}

.expand h3 {
		cursor: pointer;
		text-decoration: underline;
		}

.fontface.generatedcontent .expand h3 {
	margin-left: -1.4em;
	padding-left: 1.4em;
	text-indent: -1.4em;
	text-decoration: none;
	}

	.fontface .expand h3:before {
			font-family: "icons";
			color: #8dbeeb;
			margin-right: 0.5em;
			content: "\f067";
			}

		.fontface .expand.open h3:before {
			content: "\f068"; 
			}

/* Search Results */
body.search .main h1 { font-weight: normal; margin-top: 1em;  color: rgb(126, 126, 126); width: 150%;}
.lt-ie7 h1 form { margin-left: 0;}
	@media screen and (max-width: 950px) {
		body.search h1 { width: 100%; }
		}

	.fontface.generatedcontent body.search [type=checkbox] ~ label {
		cursor: pointer;
		position: relative;
		padding-left: 1.5em;
		}

	.fontface.generatedcontent body.search [type=checkbox] ~ label:before {
		content:"";
		display: inline-block;
		background: #93A9B1;
		background:rgba(0, 25, 33, 0.3);
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		border-radius: 0.2em;
		height: 1em;
		width: 1em;
		line-height: 1;
		box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.3),1px 1px 1px rgba(255, 255, 255, 0.6);
		margin-right: 0.5em;
		position: absolute;
		left: 0;
		top: 0;
		}

	.fontface.generatedcontent body.search [type=checkbox]:checked ~ label:before {
		font-family: "icons";
		content: "\f00c";
		}
.fontface.generatedcontent body.search [type=checkbox] { display: none;}

.trials-listing, .trials-listing li {
	list-style: none;
	margin: 0;
	padding:0;
	}

	.trials-listing a {
		display: block;
		text-decoration: none;
		padding: 2em 5%;
		font-size: 10px;	font-size: 1rem;
		margin: 0 -5%;
		}

		.lt-ie8 .trials-listing a {
			padding: 2em 60px;
			}

		.trials-listing a:hover {
			background: #EDF7FA;
			background: rgba(0, 25, 33, 0.05);
			box-shadow: inset 0 0 0.6em rgba(0,0,0,0.3);
			border-radius: 1em;
			}

		.trials-listing a * {
			line-height: 1;
			margin: 0;
			padding: 0;
			}

			.trials-listing .term {
				padding: 0 0.125em;
				}

			.trials-listing h3 {
				padding: 0.2em 0;
				}

.flag { 
	text-transform: uppercase;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: rgb(126,126,126);
	}
	.flag.recruiting { 	color: rgb(82, 122, 39); }
	.flag.closing-soon { color: darkred;}

.narrow-search ul { padding: 0 0 0 1em;}
.narrow-search li {
				list-style: none;
				padding: 0;
				margin: 0;
				padding-right: 1em;
				padding-bottom: 0.8em;
				}

aside .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	box-shadow: 0 0 10em 1em rgba(0, 0, 0, 0.3);
	margin: 10%;
	width: 80%;
	}

	@media screen and (min-width: 768px) {
		aside .overlay {
			width: 50%;
			margin: 10% 25%;
			}
	}
#status-definitions ul, #status-definitions h3 {
					padding: 0 0 0 1em;
					margin: 0 auto;
					max-width: 500px;
					max-width: 50rem;
					}
#status-definitions li {
 				list-style: none;
				padding: 0;
				margin: 0;
				padding: 0 0 1em 0;
				}


.load-more, .load-less { display: block; width:33%; float: left; font-size: 18px; font-size: 1.8rem; text-align: center; max-width: 38em; margin: 2em 3%;}
.generatedcontent .button.load-less:before { content: "\00AB \20"; }
.generatedcontent .button.load-less:after { display: none; }

/* Trial */
article header {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 1em;
	margin-top: 1em;
	}
article h1 {
	margin-top: 0;
	font-weight: normal
	}

.date {
	font-size: 18px;	font-size: 1.8rem;
	font-style: italic;
	font-weight: bold;
	}

	.date .button { margin-right: 0.5em;}



.criteria {
	float: left;
	clear:both;
	}

	.criteria.closed {
		max-height: 400px;
		overflow: hidden;
		cursor: pointer;
		position: relative;
		z-index: 0;
		}

		.criteria.closed:after {
			content: "Expand \25BE";
			font-size: 1.4em;
			display: block;
			padding: 0.5em 1em;
			border:1px solid #164c8f;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 0 rgba(47,101,168,1);
			text-shadow: 0.1rem 0.1rem 0 rgba(0,0,0,0.66);
			background: #5380b9;
			-moz-border-radius: 0.2em;
			-webkit-border-radius: 0.2em;
			border-radius: 0.2em;
			color: #fff;
			text-decoration: none;
			-webkit-transition: 0.2s;
			-moz-transition: 0.2s;
			transition: 0.2s;

			position: absolute;
			bottom: 30px;
			left: 50%;
			margin-left: -50px;

			z-index: 2;
			}

		.cssgradients .criteria.closed:before {
			content: "";
			height: 100px;
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

			z-index: 1;
			}

	.inclusion, .exclusion {
			width: 48%;
			}

	.exclusion {
		clear: none;
		margin-left: 4%;
		}

	.criteria ul,
	.criteria ol {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 0 1.5em;
		}

		.criteria li ul,
		.criteria li ol {
			padding: 0 0 0 4em;
			}
	.criteria li {
		padding-bottom: 0.5em;
		margin-left: -1em;
		}

		.lt-ie7 .criteria li { margin-left: 0;}

@media screen and (max-width: 568px) {

	.criteria, .exclusion {
		float: none;
		width: auto;
		}

	.date { text-align: center; }
	.date .button { display: block; }

	[role=main]>h3 { text-align: center;}

	}


.scientific-summary {
	display: block;
	float: left;
	margin-top: 6em;
	clear: both;
	padding: 1em;
	background: #E2EBF0;
	background: rgba(50, 142, 191, 0.2);
	box-shadow: inset 0.1rem 0.1rem 0 rgba(0,0,0,0.05),
				0.1rem 0.1rem 0 rgba(255,255,255,0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	width: 100%;
	position: relative;
	}

	.study-id {
		margin: 0;
		margin-bottom: -1em;
		}

table {
	width: 100%;
	font-size: 1.4rem;
	}

	table td, table th {
		padding: 0.5em;
		text-align: left;
		}

		table th {
			background: #0D1345 ;
			color: #fff ;
			font-size: 16px;
			font-size: 1.6rem;
			}

	table tr {
	border-bottom: 1px solid #ccc;
	}


		table tr:nth-child(2n) {
			background: rgba(0,0,0,0.05);
			}