body {
  padding-top: 5px;
  position:relative;
}

div#header {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:800px;
	min-width:300px;
	margin-bottom:5px;
}

div#header img {
	margin-left:auto;
	margin-right:auto;
}


.page {
	padding-top:25px;
	width:100%;
	background:#34669D;
	display:none;
}

.page.notice {
	font-size:130%;
}

.cat-container {
    padding:1em;
	max-width:800px;
	min-width:300px;
	min-height:300px;
	color:white;
	margin-left:auto;
	margin-right:auto;
}

.cat-container H2 {
	color:white;
	font-size:125%;
	margin-bottom:2ex;
}

.cat-container .tagline {
	color:white;
	font-style:italic;
	margin-top:2em;
	margin-bottom:1em;
	margin-left:97px;
}

.cat-nav {
	width:100%;
	padding-top:3em;
	background:white;
	padding-left:auto;
	padding-right:auto;
	text-align:center;
}


.button-menu .cat-container {
	padding-left:auto;
	padding-right:auto;
}

.button-menu .cat-container  H2 {
	margin-left:20%;
}

.button-menu .cat-nav {
	padding-left:auto;
	padding-right:auto;
	padding-bottom:100px;
	background:#34669D;
}

.button-menu .cat-nav a {
	text-decoration:none;
	display:block;
	margin-bottom:.7em;
	padding:.3em;
	font-size:16px;
	color:#34669D;
	font-weight:bold;
	background:white;
	border:1px solid transparent;
}

.button-menu #cat-links {
	margin-left:auto;
	margin-right:auto;
	width:375px;
}	

.button-menu .cat-nav a:hover {
	background:#34669D;
	color:white;
	border:1px solid white;
}

#page-cat-custom  #cat-default-settings {
	text-align:left;
	clear:both;
	padding-left:20%;
	margin-top:35px;
}

#page-cat-custom  #cat-default-settings H3 {
	font-size:105%;
	font-weight:normal;
	text-decoration:underline;
	margin-bottom:.3em;
}

#page-cat.page.cat {
	padding-top:5px;
}

#page-cat .cat-container {
	height:120px;
	min-height:120px;
	vertical-align:middle;
}

#page-cat .cat-container .lead-in {
	text-align:center;
	font-size:48px;
	position:relative;
	top:-12px;
	
}

#page-cat .cat-container .question .context {
	font-size:20px;
	color:#ccc;
	font-style:italic;
}

#page-cat .cat-container .question {
	text-align:center;
	padding-left:auto;
	padding-right:auto;
	font-size:24px;
}

#page-cat .cat-nav {
	padding-left:auto;
	padding-right:auto;
}

#page-cat .cat-nav a {
	text-decoration:none;
	display:block;
	margin-bottom:.7em;
	padding:.3em;
	font-size:20px;
	color:white;
	font-weight:bold;
	background:#34669D;
	border:1px solid transparent;
}

#page-cat #cat-links {
	margin-left:auto;
	margin-right:auto;
	width:325px;
}	

#page-cat .cat-nav a:hover {
	background:white;
	color:#34669D;
	border:1px solid #34669D;
}


#page-cat .cat-nav a.cat-skip {
	background:white;
	color:#34669D;
	border:1px solid #34669D;
	display:block;
	float:right;
	width:154px;
}

#page-cat .cat-nav a.cat-back {
	background:white;
	color:#34669D;
	border:1px solid #34669D;
	display:block;
	width:154px;
}

#page-cat .cat-nav #cat-nav  {
	margin-top:1.5em;
}

#page-cat .cat-nav #cat-nav a:hover {
	font-weight:bold;
	background:#34669D;
	color:white;
	border:1px solid transparent;
}

.page.results {
	background:white;
}

#page-results .cat-container {
	color:black;
	height:auto;
	background:white;
	width:900px;
	border:1px solid #34669D;
	border-radius:1em;
	padding:1em; 
}

#page-results .cat-container.cat-responses {
	margin-top:4em;
}

#page-results #cat-settings {
	float:right;
	width:275px;
	border:1px solid black;
	padding:.5em;
	margin-right:2em;
}
	
#page-results .cat-container H2 {
	color:#34669D !important;
	margin:0px !important;
	margin-bottom:.5em !important;
	font-weight:bold !important;
	font-size:100% !important;
}

#page-results #participant-info {
	width:500px;
}

#page-results #participant-info TH{
	padding:.4em;
	padding-bottom:0px;
	padding-top:.8em;
	padding-right:1.2em;
	vertical-align:bottom;
	border-bottom:1px solid transparent;
}

#page-results #participant-info TD{
	border-bottom:1px solid black;
	padding-bottom:0px;
	vertical-align:bottom;
	width:200px;
}

#page-results #patient-info TH {
	padding-right:1em;
}
	

#page-results table.result {
	margin-top:1em;
	float:left;
	height:50px;
	width:175px;
	margin-right:3em;
	border:1px solid black;
}

#page-results table.result TR {
	height:25px;
}

#page-results table.result TH {
	background:#34669D !important;
	color:white !important;
	font-weight:bold !important;
	text-align:center !important;
}
#page-results table.result TD {
	background:white !important;
	color:black !important;
	font-weight:bold !important;
	text-align:center !important;
	font-size:18px !important;
}

#page-results table.cat-responses  {
	margin-top:1.5em;
	margin-bottom:1.5em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid black;
	border-collapse:collapse;
}

#page-results table.cat-responses TR:nth-child(even) {
	background:#eef !important;
}

#page-results table.cat-responses TH, 
#page-results table.cat-responses TD {
	border:1px solid black;
	padding:3px;
}

#page-results table.cat-responses TH.axis {
	text-align:center;
	width:300px;
}

#page-results table.cat-responses TH.question {
	text-align:left;
	width:300px;
}

#page-results table.cat-responses TH.response,
#page-results table.cat-responses TD.response {
	text-align:center;
	width:220px;
}

#page-results table.cat-responses TD.response SPAN {
	color:#34669D;
}


#page-results table.cat-responses  TH.question DIV.qno{
	font-weight:normal;
	line-height:100%;
	float:left;
	width:25px;
}

#page-results table.cat-responses  TH.question DIV.qtxt{
	font-weight:normal;
	line-height:100%;
	float:left;
	width:230px;
}

.blocker {
	z-index:9999;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:transparent;
	display:none;
}

.offscreen {
	position:absolute;
	left:-9999px;
}
	
.age-select {
	float:left;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

label.control-label {
	color:white;
	font-weight:bold;
}

.page-break {
	margin-top:2.5em;
}

.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.logo-centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:60px;
	height:60px;
	top:-45px;
}

@media print {
    .page-break {page-break-after: always;}
	#page-results .cat-container {margin-top:30px;}
}