@CHARSET "UTF-8";

/*
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*	colours -----------
	pink: #E7C5E1
	dark blue headline: 	0c4a9c
	new dark blue:			#31375f
*/


/*	general default styles
	--------------------------------------------- */

html, body {
	background-color: #f9f0fa;
	color:#444;
	font-family:'trebuchet ms','Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
	line-height:140%;
	padding-bottom: 16px;
}
body {
	height: 100%;
}

a {
	background-color:transparent;
}
a:link { color:#555; }
a:visited { color:#777; }
a:active { color:#555; }
a:hover { color:#555; }

h1 {
	font-size:220%;
	font-weight:bold;
}
h2 {
	color: #31375f;
	font-size:190%;
	font-weight:bold;
	letter-spacing:-0.009em;
	line-height:104%;
	margin: 0 0 0.6em;
}
h2 em {
	font-weight: bold;
}
h3 {
	font-size:120%;
	width: auto;
}
h4 {
	clear: both;
	font-size:108%;
	font-weight:bold;
	margin:1em 0 0.3em 0;
}
h5 {
	font-size:100%;
	line-height: 120%;
	margin:0 0 0.3em 0;
}

p {
	margin-bottom:0.9em;
}

strong {
	font-weight:bold;	
}
em {
	font-style: italic;
}
cite {
	font-style: italic;
}
sup {
	font-size: 0.70em;
}
sup a, sup a:visited {
	text-decoration: none;
	color:#449;
}
sup a:hover {
	text-decoration: underline;
}

hr {
	color: #aaa;
	size:1px;
	margin: 20px 0;
}
br {
	clear:left;
}
br.clear {
	clear:both;
}
.left {
	float: left;
}
.right {
	float: right;
}


/*	structure
	--------------------------------------------- */

#container {
	margin:8px auto 14px;
	padding:0;
	width:960px;
}
#content {
	background-color: #fff;
	background: transparent url(/res/img/panel2-sides.png) repeat-y center left;
	padding:0 14px 4px 24px;
	height: 100%;
}
#top-slug {
	float: right;
	height:auto;
	line-height:144%;
	margin:0 44px 0 0;
	font-family: ms sans serif, verdana, arial, sans-serif;
	font-size: 0.72em;
	text-align: right;
	color: #254A93;
	width:680px;
}
#top-slug a {
	color: #254A93;
}
#top-slug em {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

h1, h1 a {
	float: left;
}

#col-left {
	float:left;
	margin-right: 10px;
	width: 680px;
}
#col-right {
	margin-top: 30px;
	float:left;
	font-size:0.94em;
	line-height:140%;
	text-align:center;
	width: 214px;
}
#scroller {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	position:relative;
	float: left;
	padding:24px 18px 12px 12px;
	height: 476px;
	overflow-x: hidden;
	overflow-y: auto;
}

#panel-top, #panel-bottom {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}


/*	navigation
	--------------------------------------------- */
#tabs {
	float: right;
	margin:14px 40px 0 0;
	width:auto;
}
#tabs li {
	float:left;
	display: table;
	margin: 0 0 0 0;
}
#tabs > li a {
	background: transparent url(/res/img/tabs-wide2.png) no-repeat -140px 0;
	color: #eee;
	font-size: 0.78em;
	font-family:Tahoma,Arial,Sans-Serif;
	font-weight: bold;
	display:block;
	padding-top: 10px;
	height: 29px;
	text-align: center;
	line-height:118%;
	text-decoration: none;
	text-transform: uppercase;
	width: 139px;
}
#tabs a:hover, #tabs a.selected {
	background-position: 0 0;
}
/* adjust single-line nav tabs */
#tabs #nav-3, #tabs #nav-6 {
	padding-top: 16px;
	height: 23px;
}

/* sub nav */
#tabs ol {
	display: none;
	background-color:#FFFFFF;
	border:1px solid #999;
	height:auto;
	padding:0;
	position:absolute;
	z-index:99;
}
#tabs ol li {
	clear: both;
	min-width: 150px;
}
#tabs ol li a {
	background: none;
	color: #0C3692;
	font-size: 0.78em;
	font-family:Tahoma,Arial,Sans-Serif;
	font-weight: bold;
	display:block;
	padding: 10px;
	height: auto;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 218px;
}
#tabs ol li a:hover {
	background-color: #f7ebf9;
}


#footer-links {
	font-family:ms sans serif,verdana,arial,sans-serif;
	font-size:0.76em;
	float:right;
	margin-right:32px;
	text-align:right;
	width:auto;
}
#footer-links a {
	color:#333;
	text-decoration:none;
}
#footer-links a:hover {
	text-decoration:underline;
}
.menu-active {
	visibility: visible;
}


/*	lists
	--------------------------------------------- */
#scroller ul, #scroller ol {
	margin:1em 0 2em 2em;
	line-height: 126%;
	font-weight: bold;
}
#scroller li {
	margin-bottom:0.6em;
	list-style-position:outside;
	list-style-type:disc;
}
#scroller ol li {
	margin-bottom:8px;
	list-style-position:outside;
	list-style-type:decimal;
}


/*	language switch links
	--------------------------------------------- */
#downloads-summary .entry img {border-color:#ddd;}
#lang-links { float:right; margin:0 2px 68px 0; }
#lang-links li {float:left;}
#lang-links a { display:block; border:none; padding:3px 4px 3px; font-weight:bold; margin-left:2px; line-height:132%; }
#lang-links a:hover, #lang-links a.selected { text-decoration:none; color:#fff; background-color: #c79cc3; margin-right:0; }
#top-slug {margin-top:0;}
#top-slug br {clear:both;}


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

#logos {
	clear: both;
	margin:16px auto 0;
}
#logos img.first {
	margin-right:32px;
}

#scroller h3 {
	background-color: #D8A0CE;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding:4px 6px 4px 10px;
	margin: 2em 0 0.6em;
	width:97%;
}
#col-left a {
	color: #B072A6;
	font-weight: bold;
}
#col-left a:visited, #col-left a:hover {
	color: #C27EB6;
	font-weight: bold;
}
#col-right a {
	color: #2E3B74;
}
#info-panel-top {
	background-color: #D8A0CE;
	color: #001E6A;
	line-height:128%;
	margin:0 auto 18px;
	padding: 14px 14px 16px;
	text-align: left;
	width: 146px;
}
#info-panel-top img {
	background-color: #99e;
	margin-bottom: 4px;
	width:144px;
}
#did-you-know {
	background-color: #D8A0CE;
	color: #001E6A;
	line-height: 135%;
	text-align: center;
	padding: 8px;
	margin:0 auto;
	width: 158px;
}
#did-you-know h3 {
	background-image: none;
	background-color: #fff;
	color: #001E6A;
	font-size:1.16em;
	padding: 6px;
	margin: 1px 0 10px;
	width: auto;
}
#did-you-know p {
	margin: 0.6em 0;
}

#col-right img {
	margin-bottom: 14px;
}

#content-summary, #testimonial-summary {
	clear:both;
	margin-top: 26px;
}
#content-summary div.entry, #testimonial-summary div.entry {
	border-top: 1px solid #ddd;
	margin: 6px 0 0;
	padding: 10px 0;
}
#content-summary div.entry img, #testimonial-summary div.entry img {
	float:right;
	margin:10px 0 14px 14px;
}
#content-summary h4 {
	margin-bottom: 0.8em;
}

#downloads-summary {
	margin-top: 4px;
}
#downloads-summary div.entry {
	margin:0 18px 12px 0;
	float:left;
	min-height:312px;
	width:182px;
}
#downloads-summary .entry img {
	border:2px solid #fff;
}
#downloads-summary .entry img:hover {
	border:2px solid #D7B5D1;
}
#downloads-summary p {
	font-size:0.9em;
	line-height:140%;
	margin:4px 0 4px 2px;
}


/*	page specific styles
	--------------------------------------------- 
	background: #fff url(/res/img/home-background-2.gif) no-repeat center 0;
	*/
#page-3 #scroller, #page-40 #scroller {
	line-height: 136%;
	font-size: 1.1em;
	height: auto;
	max-height:none;
	padding-left: 24px;
}

#page-3 #scroller, #page-6 #scroller, #page-8 #scroller {
	border: 0;
}
#testimonial-summary h3 {
	margin-top: 10px;
	width:480px;
}
#testimonial-summary .entry img {
	float:right;
}
#testimonial-summary h3.nophoto {
	display:block;
	width:98%;
}
/*
#page-3 h2 {
	background: transparent url(/res/img/welcome-to-thyroid.gif) no-repeat center center;
	display: block;
	width:587px;
	height:38px;
	margin: 20px 0 18px;
}
*/

#home-logos {
	float: left;
}
#home-logos p {
	font-size:0.9em;
	line-height:50px;
	margin-bottom:0;
	float:left;
}
#home-logos img {
	display:inline;
	float:none;
	margin-right: 18px;
	vertical-align:middle;
}
h5 {
	margin-top: 2em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 99%;
}
blockquote {
	background-color: #D8A0CE;
	color:#fff;
	font-weight: bold;
	float:left;
	padding:12px 20px 10px; 
	margin:0.4em 0 1.6em;
	width:602px;
}
#scroller blockquote ul {
	color:#fff;
	float: left;
	margin:6px 0 2px 26px;
	line-height: 118%;
	height: auto;
	width: 90%;
}
#scroller blockquote.double ul {
	width: 42%;
}
#scroller blockquote li {
	position: relative;
	margin-bottom: 0.6em;
}
#scroller blockquote ul.first {
	padding:0 18px 0 0;
	border-right:1px solid #EEEEEE;
}
#scroller blockquote hr {
	clear:both;
	color: #D8A0CE;
	background-color: transparent;
	border: 0;
	height: 0;
	padding: 0;
	margin: 0
}


blockquote p {
	margin: 0.6em 0 0.8em;
	line-height: 130%;
}
blockquote h4 {
	margin:0 0 0.6em 0;
	font-size: 1.2em;
}
blockquote a {
	color: #eee!important;
}

#references {
	margin-left: 0.8em;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 0.86em;
	line-height: 126%;
}
#references dt {
	font-size: 0.76em;
	font-weight: bold;
	color: #888;
	float: left;
	margin-right: 4px;
}
#references dd {
	margin-top: 0.1em;
	margin-left: 1.2em;
}
#references dt {
	clear: left;
	margin-top: -1px;
}
#references dt, #references dd {
	margin-bottom: 0.7em;
}

#link-logos {
	margin: 0 auto;
}
#link-logos li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:left;
	font-size:0.88em;
	margin:0 20px 8px 0;
	white-space:nowrap;
}


/* questionnaire
--------------------------------------------- */
#page-quiz #scroller {
	border: 0;
}
#page-quiz #col-left {
	width:97%;
}
#page-quiz p.intro {
	color:#578DC2;
	font-size:1.3em;
	line-height: 140%;
	margin: 1em 0 1.2em 0;
}
p.intro1 em, p.intro2 em {
	font-style: normal;
}
.quiz-highlight {
	color: #e11;
	text-decoration: blink;
}
#quiz1 td, #quiz2 td {
	padding: 8px 6px 6px;
	vertical-align: top;
}
#page-quiz td.question {
	padding-right: 12px;
	width:296px;
}
td.opt {
	background-color: #E7C5E1;
	white-space:nowrap;
}
td.opt input {
	border: 0;
	margin-top: 6px;
	width:auto;
}
td.opt label, td.opt input {
  vertical-align:middle;
}
#quiz1 input {
	
}
#quiz1 label, #quiz2 label {
	margin: 0 8px 0 3px;
	font-weight: bold;
}
td.question, td.opt {
	border-bottom: 1px solid #eee;
}


/* forms
--------------------------------------------- */
input, textarea, button {
	font-family:tahoma, verdana, 'trebuchet ms','Lucida Sans Unicode','Lucida Grande',clean,sans-serif;
	padding:3px 2px 3px 5px;
	border:1px solid #777;
}
input, textarea {
	margin:2px 0pt 6px;
	width:240px;
}
textarea {
	height:92px;
}
input:focus, textarea:focus {
	border:1px solid #095294;
}
input.hilight, textarea.hilight {
	padding:3px 2px 3px 5px;
	margin:2px 0 0 2px;
}
input.hilight:focus, textarea.hilight:focus {
	margin:1px 0 -1px 1px;
	border:2px solid #095294;
}
select {
	margin:2px 0 0 2px;
}

legend {
	display:none;
	visibility:hidden;	
}
label {
	margin: 4px 0 4px 0;
}
label.radio {
	display: block;
	float:left;
	padding: 0 3px 0 3px;
	margin-right: 14px;
	width: auto;
}
input.radio {
	border:0;
	display: block;
	float:left;
	margin: 6px 2px 8px 0;
	width: auto;
}

.errorMsg {
	clear:both;
	margin:6px 0 10px 6px;
	color:#f11;
}
input.small {
	width:60px;
}
input.medium, textarea.medium {
	width:200px;
}
input.long, textarea.long {
	width:318px;
}
.button-submit, .button-finish {
	background-color: #cacaca;
	padding: 2px 10px;
	margin-top: 2px;
	font-weight:bold;
	width:auto;
}

/* form grid */
#list-form {
	margin: 26px 0 18px 10px;
}

#list-form label {
	width: 122px;
}
#list-form {
	padding:0;
	margin: 0;
}
#list-form li {
	list-style: none;
	margin-bottom: 8px;
}
#list-form .required {
	color: red;
}

#list-form div.errorMsg {
	margin-left: 142px;
}


/* hide elements
--------------------------------------------- */
h3 span, .print-only, .hidden {
	display:none;
	visibility:hidden;
}
.accessibility-hide, h1 span {
	position:absolute;
	left:0;
	top:-999px;
	width:1px;
	height:1px;
	overflow:hidden;
}