@charset "UTF-8";

body
        {
		width: 100%;
        background:#eee;
        color:#111;
        font-size:85%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding:0;
        margin:0;
        border:0;
        line-height:1.4;
		text-align:center;
        }

.oneColElsCtr #container {
  background:#fff;
	width: 85%;
	min-width: 20em;
	max-width:60em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}

.letter 
{
 font-size:80%;
}

.attention
{
font-weight: bold;
padding: 2em;
border: 1px solid #000000;
text-align: center;
}

h1
        {
        font-weight:bold;
        text-align:center;
        margin-top:2em;
        color:#111;
        font-size:1.5em;
        }

h1.mid
{
margin-top: 2em;
}

h2
        {
        font-weight:bold;
        text-align:left;
        margin: 1em 0 0 0;
        color:#111;
        font-size:1.2em;
        }

h2.first
{
	margin-top: 2em;
}
        
h3
        {
        font-weight:bold;
        text-align:left;
        font-size:1em;
        margin: 2.5em 0 .5em 0;
        }

img {
margin: 0 2em 1em 0;
}

a img {
border: none;
text-decoration: none;
}

a:hover img{
border: 1px solid ##111;
}

select
{
width: 4em;
}

table
	{
        text-align:left;
/*        margin: 0;
/*		border: solid 1px #111; */
margin-left: 1.5em;
}

table.pain
{
border:1px solid #aaa;
margin-bottom: 1em;
}

table.box
{
border:1px solid #aaa;
}

table.text-table
{
}

table.text-table th
{
padding-right: 2em;
}

td
{
padding: .25em; 
text-align:center; 
}

th
{
font-weight: normal;
padding: .25em;
}

tr 
{
/* text-align:left; */
}


tr.first th 
{
font-weight: normal;
text-align:center; 
padding: .25em; 
}

tr td
{
/* text-align: center; */
}

tr td.hand,
tr td.col-head

{
text-align: left;
font-size: 1.25em;
}

tr td.none
{
text-align: left;
}

tr td.moderate
{
text-align: center;
}

tr td.severe
{
text-align: right;
}

tr.header th
{
/* text-align: center; */
}

caption {
	margin-left: 0; /* 16em; */
  text-align: left;
	padding-bottom: 0;
  padding-top: 2em;
	font-weight: bold;
}


input {
margin: 0;
margin-left: .25em;
padding: 0;

}

label {
text-align: left;
margin: 0;
padding-left: 0;
}

.clear {
	clear: both;
}

.odd
{
background: #fff;
}

.even
{
background: #eee;
}


.flow
{
margin-top: 0;
margin-bottom: 0;
}

.flow-begin
{
margin-bottom: 0;
}

.flow-end
{
margin-top: 0;
}


.preamble
{
margin-top: 1.6em;
margin-left: 2px;
margin-right: 2px;
padding: 0 1em;
}

div.question {
margin-top: 2em;
margin-bottom:3em;
}

div.question span {
padding-right: 2em;
}

div.sample {
margin: .5em 0 2em 3em;
}

p.question
{
font-weight: bold;
}

.questions li {
padding-bottom: 1.5em;
margin-left: 0;
}

.radio-p
{
margin-bottom: .5em;
}

.freqslider kbd
        {
        background-color:#eeeeee;
        padding:2px;
        border:1px solid #dddddd;
        border-bottom-color:#999999;
        border-left-color:#999999;
        }
.freqslider kbd, code
        {
        font-family:'andale mono','lucida console','courier new',monospace;
        font-size:1em;
        }
#outer {
        text-align:center;
}

#inner {
        text-align:left;
        width:80%;
        margin: .75em auto;
        padding:1em;
}

p
        {
        line-height:1.6em;
        margin:0 0 1em 0;
        }


div.question p
        {
        margin-left:2em;
        }

div.question p.question
{
margin-left: 0;
}

ol {
}

fieldset {
padding:0 0 0 0; /* 0 1em 0 1em */
margin-top: 0; /* 2em */
margin-bottom: 1em; /* 3em */
border: none;
/* border:1px solid #aaa; */
}

legend {
display: none;
}

input:focus, select:focus, textarea:focus {
background:white;
color:black;
}

.buttons {
margin-top: 2em;
text-align: center;
}


.buttons input {
	margin: 0 1em;
  padding: .5em;
        font-weight:lighter;
        color:#333;
        text-transform:uppercase;
        letter-spacing:1px;
        font-size:1.2em;
}

.centred {
text-align: center;
}

.clear {
clear: both;
}

.comment {
}
.comment label {
}

.comment div {
margin-left: 3em;
margin-right: 1em;
}

.comment textarea {
text-align: left;
margin-left: 0;
width: 85%;
height: 10em;
}

.consent {
margin-top: 0;
margin-bottom: 4em;
text-align: left;
}

.consent p {
width: 75%;
float: left;
font-weight: bold;
}

.consent input {
width: 15%;
float: left;
margin-right: 1em;
}


.highlight 
{
text-align: center;
font-weight: bold;
font-style: italic;
}

.models textarea {
height: 1em;
width: 10em;
}

.models td {
padding-right: 2em;
}

.models input {
width: 10em;
}

.researchers
{
text-align: center;
margin-top: 4em;
margin-bottom: 4em;
}

.start
{
margin: 2em 0 3em 0;
text-align: center;
font-size: 2em;
font-weight: bold;
}

.firstColumn {
width: 16em;
}

.freqslider fieldset
        {
        margin:.5em 1em 0em 0em;
        padding:0;
        text-align:left;
        border: 0;
        }
.freqslider form > fieldset
        {
        border:1px solid #ccc;
        }
.freqslider form
        {
        margin:0 auto 1.4em 0;
        padding:0;
        text-align:center;
        margin:0 auto;
        }
.freqslider input
        {
        border:1px solid #ccc;
        border-top:1px solid #888;
        border-left:1px solid #888;
        width:2em;
        margin-left:0.2em;
        }
.freqslider label
        {
        display:block;
        padding:0;
        margin-top: 0;
        margin-right:0.2em;
        margin-bottom: 0.2em;
        text-align:right;
        font-style:oblique;
        font-weight:lighter;
		color: #eee;
/*        color:#5c5c5c;*/ 
        }
.freqslider code
        {
        font-family:'andale mono', 'lucida console', 'courier new', monospace;
        font-size:12px;
        color:#222;
        }

.freqslider {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
list-style: lower-alpha;
}

.freqslider li {
padding-bottom: 0;
margin-bottom: 2em;
clear: both;
 
}

.indent {
padding:0 1em 0 2em;
}

.qnote   {
font-weight:lighter;
text-align:center;
margin:2em 1em 2em 1em;
color:#111;
text-transform:uppercase;
letter-spacing:1px;
font-size:1.2em;
}

.radioset {
margin-bottom: 1em;
}

.radioset input {
margin-left: 4em;
}

.nobox {
border: 0;
margin: 0;
padding: 0;
display: inline;
}

.nobox legend {
display: none;
}

.qday {
margin: 1em 2em 1em 2em;
}

.qday.nobox {
margin: 1em 1em 1em 2em;
}

.daily
{
font-size: 1.1em;
}

caption.daily
{
font-size: .9em;
}

.daily select
{
font-size: 1em;
}

h3.daily
{
line-height: 2.5em;
margin-bottom: 0;
}

.left {
float: left;
}

.right {
float: right;
}

a
        {
        font-weight:normal;
        outline:none;
        }
a:link,
a:visited
        {
        color:#333;
        text-decoration:underline;
        }
a:hover
        {
        color:#fff;
        text-decoration:none;
        background:#000;
        }
a:active
        {
        color:#000;
        text-decoration:underline;
        }
#tooltip
        {
        position:absolute;
        top:0;
        left:-999px;
        width:100px;
        height:25px;
        line-height:25px;
        background:transparent url(../images/tooltip-dongle.png) no-repeat 50% 100%;
        padding-bottom:5px;
        }
#tooltipInner1
        {
        padding-left:5px;
        overflow:hidden;
        color:#000;
        font-weight: bold;
        background:transparent url(../images/tooltipleft.png) no-repeat 0 0;
        }
#tooltipInner2
        {
        padding:0 5px 0 0;
        height:22px;
        line-height:22px;
        overflow:hidden;
        color:#000;
        font-weight: bold;
        text-align:center;
        background:transparent url(../images/tooltip.png) no-repeat 100% 0;
 		text-shadow:#000 1px 1px 1px;
         }
#tooltip2
        {
        position:absolute;
        top:0;
        left:-999px;
        width:100px;
        height:25px;
        line-height:25px;
        background:transparent url(../images/tooltip-dongle.png) no-repeat 50% 100%;
        padding-bottom:5px;
        }
#tooltip2Inner1
        {
        padding-left:5px;
        overflow:hidden;
        color:#000;
        font-weight: bold;
        background:transparent url(../images/tooltipleft.png) no-repeat 0 0;
        }
#tooltip2Inner2
        {
        padding:0 5px 0 0;
        height:22px;
        line-height:22px;
        overflow:hidden;
        font-weight: bold;
        color:#000;
        text-align:center;
        background:transparent url(../images/tooltip.png) no-repeat 100% 0;
         text-shadow:#000 1px 1px 1px;
        }.qinput {
}