/* CSS Document */

body{
	background-color: #eaeaea;
	color: #006;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.2;
	width: 100%;
}
 /* -------- d -------- */
div#wrap{
 width: 95%;
 position: relative;
 float: left;
	margin-bottom: 12px;
	padding-bottom: 12px;
 background: transparent url(../images/copyright.gif) no-repeat bottom center;
}
div#content{
 border: 0 solid #f06;
 margin-left: 1%;
 margin-right: 5%;
 width: auto;
 } 
.row{
	position: relative;
	float: left;
	padding: 0;
	margin: 0 0 1.2em 0;
	width: 100%;
	}
.header{
	font-size: 0.9em;
	}
.odd{
	background-color: #eaeaef;
	padding: 0;
	margin: 0 0 0.5em 0;
	}
.even{
	background-color: #d9d9de;
	padding: 0;
	margin: 0 0 0.5em 0;
	}
p.centered{
	margin: 0.5em 5% 1.5em;;
	padding: 0.5em;
	background-color: #eaeafa;
	position: relative;
	float: left;
	}
div.center{
	background-color: #eaeafa;
	margin: 0.5em 5% 1.5em;;
	padding: 0.5em;
	}
dl{
	margin-left: 15%;
	margin-right: 5%;
	margin-top: 2em;
	width: auto;
	}
dt{
	border-bottom: 1px solid #900;
	margin-bottom: 0.25em;
	width: 24em;
	}
dd{
	margin-bottom: 0.15em;
	}
 /* -------- f -------- */
form{
	} 
fieldset{
	background-color: #fafafa;
	color: #009;
	padding: 1em;
	border: 1px solid #006;
	width: 55%;
	margin: 25px auto;
	} 
fieldset.left{
	background-color: #fafafa;
	color: #009;
	border: 1px solid #006;
	margin: 0;
	width: 41%;
	position: relative;
	float: left;
	} 
fieldset.left div.response, fieldset.right div.response{
	width: 23% !important;
	}
fieldset.left div.response select, fieldset.right div.response select{
	margin: 0.25em 0 0 0.5em;
	}
fieldset.left div.question, fieldset.right div.question{
	width: 70% !important;
	}
fieldset.right{
	background-color: #fafafa;
	color: #009;
	border: 1px solid #006;
	width: 41%;
	position: relative;
	float: right;
	}
fieldset#section{
	width: 90%;
	margin: 0;
	padding-bottom: 1em;
	}
fieldset#section legend{
	position: relative;
	top: -1.5em;
	}
/* ----------------- */
fieldset#demographics{
	width: 90%;
	margin: 0;
	padding-bottom: 1em;
	}
fieldset#demographics legend#top, fieldset#link legend#top{
	position: relative;
	top: -1.5em;
	}
fieldset.radio{
	width: 45%;
	}
fieldset.radio ul{	
	margin: 0;
	padding: 0;
	}
fieldset.radio ul li{
	list-style: none;
	display: inline;
	padding-right: 1.5em;
	}
fieldset.radio ul li input{
	color: #902;
	}
fieldset.list{
	width: 90%;
	border: 1px solid #006;
	}
fieldset.list ul{	
	margin: 0;
	padding: 0;
	left: 1em;
	width: 70%;
	position: relative;
	}
fieldset.list ul li{
	list-style: none;
	margin-bottom: 0.5em;
	}
fieldset.list ul li input{
	position: absolute;
	right: 0;
	}
/* for table rows used for yes/no response to a question */
fieldset.list_yn{
	width: 90%;
	border: 1px solid #006;
	}
fieldset.list_yn div.row{
	margin-bottom: 0.5em;
	}
fieldset.list_yn div.header{
	padding: 0;
	margin: 0;
	background-color: #eaeaef;
	}
fieldset.list_yn div.header ul{
	position: relative;
	margin: 0;
	padding: 0;
	}
fieldset.list_yn div.header ul li{
	margin: 0;
	padding: 0;
	}
fieldset.list_yn div.question{
	position: relative;
	float: left;
	width: 75%;
	padding: 0.5em;
	border-right: 1px solid #a9a9f9;
	}
fieldset.list_yn div.response{
	width: 21%;
	position: relative;
	float: right;
	margin: 0;
	padding: 0 0 0.5em 0;
	}
fieldset.list_yn div.response ul{
	position: relative;
	width: 90%;
	margin: 0;
	padding: 0.5em 0 0 1em;
	}
fieldset.list_yn div.response ul li{
	display: inline;
	}
/* end for table rows used for yes/no response to a question */
/* for table rows used for yes/no/na response to a question */
fieldset.list_yna{
	width: 90%;
	}
fieldset.list_yna div.question{
	position: relative;
	float: left;
	width: 70%;
	padding:0.5em 0 0.5em 0.5em;
	border-right: 1px solid #a9a9f9
	}
fieldset.list_yna div.response{
	width: 25%;
	position: relative;
	float: right;;
	}
fieldset.list_yna div.response ul{
	width: 100%;
	margin: 0;
	padding: 0.5em 0 0 0;
	}
div.response ul li{
	display: inline;
	padding: 0 0.1em 0 0;
	margin: 0 0.5em 0 0;
	}
fieldset.list_yna div.header{
	border: none;
	position: relative;
	left: 1em;
	}
fieldset.list_yna div.header ul{
	position: relative;
	left: -1.25em;
	margin: 0;
	padding: 0 0 0 1em;
	background-color: #eaeaef;
	width: 90%;
	}
fieldset.list_yna div.header ul li{
	padding-right: 0.25em;
	margin-right: 0.25em;
	}
/* end for table rows used for yes/no/na response to a question */
/* table rows used for horizontal radio buttons response to a question */
fieldset.list_horizontal{
	width: 90%;
	}
fieldset.list_horizontal dl{
	display: inline;
	width: 90%;
	}
fieldset.list_horizontal dl dt{
	display: inline;
	border: none;
	padding: 0;
	margin: 0;
	}
fieldset.list_horizontal dl dd{
	display: inline;
	border: none;
	padding: 0;
	margin: 0 0 0 0.5em;
	margin-right: 2em;
	}

/* end table rows used for horizontal radio buttons response to a question */
/* for table rows used for wide response to a question */
fieldset.list_wide{
	width: 90%;
	border: 1px solid #006;
	}
fieldset.list_wide div.row{
	margin-bottom: 0.5em;
	}
fieldset.list_wide div.header{
	font-size: 0.8em;
	}
fieldset.list_wide div.header ul{
	position: relative;
	float: right;
	width: 50%;
	background-color: #eaeaef;
	}
fieldset.list_wide div.header ul.hr li{
	display: inline !important;
	margin-left: 0.7em !important;
	float: left;
	padding-right: 0.8em;
	}
fieldset.list_wide div.header ul.hl li{
	display: inline !important;
	margin-left: 1.25em !important;
	}
fieldset.list_wide div.question{
	position: relative;
	float: left;
	width: 40%;
	padding: 0.5em;
	margin: 0;
	}
fieldset.list_wide div.choice{
	width: 55%;
	position: relative;
	float: right;
	border-left: 1px solid #a9a9f9;
	}
fieldset.list_wide div.choice ul.p li{
	margin-left: 1.0em !important;
	padding-right: 0.5em;
	}
fieldset.list_wide div.choice ul.p{
	width: 10%;
	padding-left: 2em;
	margin: 0;
	position: relative;
	float: left;
	clear: right;
	list-style-type: upper-alpha;
	}
fieldset.list_wide div.choice ul.r{
	position: relative;
	float: left;
	clear: right;;
	width: 10%;
	left: 0%;
	margin-top: 0;
	list-style-type: none;
	}
/* end for table rows used for wide response to a question */
/* for table rows used for four choices response to a question */
fieldset.list_four{
	width: 90%;
	border: 1px solid #006;
	}
fieldset.list_four div.row{
	margin-bottom: 0.5em;
	}
fieldset.list_four div.row div.header{
	font-size: 0.9em;
	background-color: #eaeaef;	
	padding-left: 1em;
	width: 20%;
	}
fieldset.list_four div.row > div.header{
	width: 23% !important;
	}
fieldset.list_four div.header ul{
	position: relative;
	}
fieldset.list_four div.header ul.hl{
	position: relative;
	float: right;
	width: 100%;
	margin: 0 0.5em 0 0;
	padding-right: 0.4em;
	font-size: 1em;
	}
fieldset.list_four div.response ul.l{
	width: 45%;
	}
fieldset.list_four div.header ul.hl li{
	display: inline !important;
	margin-left: 0.25em !important;
	padding-right: 0.25em;
	}
fieldset.list_four div.question{
	position: relative;
	float: left;
	width: 58%;
	padding: 0.5em;
	margin: 0;
	border-right: 1px solid #a9a9f9;
	}
fieldset.list_four div.response{
	width: 37%;
	position: relative;
	float: right;
	}
fieldset.list_four div.response ul{
	position: relative;
	float: right;
	width: 90%;
	margin: 0;
	padding: 0.5em 0 0 0;
	}
fieldset.list_four div.response ul li{
	display: inline;
	padding: 0;
	margin: 0;
	}
fieldset.list_four div.response ul li.l{
	position: relative;
	left: -1em;
	margin: 0;
	padding: 0 0 0 0.30em;
	}
/* end for table rows used for four choices response to a question */
 /* -------- h -------- */
h1.title{
	font-size: 2em;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*background: transparent url(../images/water_mark.gif) no-repeat center center;*/
	color: #cc3300;
	margin: 0;
	padding: 0;
	}
h2.title{
	font-size: 1.25em;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #aa3300;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.25em 0;
	border-bottom: 1px solid #993300;
	}
h2{
	margin=left: 10%;
	margin-right: 10%;
	font-size: 1.1em;
	text-align: center;
	}
 /* -------- i -------- */
input{
	margin: 0;
	padding: 0;
	color: #009;
	font-size: 1em;
	}
input#years, input.sex{
	width: 3em;
	text-align: center;
	}
input#link{
	width: 32em;
	}
input#continue{
	position: relative;
	float: right;
	border-left: 1px solid #99a;
	border-top: 1px solid #99a;
	}
 /* -------- l -------- */
legend{
	margin-bottom: 0.25em;
	padding-top: 0.25em;
	}
label.hidden-label{
	visibility: hidden;
	position: absolute;
	left: -100px;
	top: 200px;
	}
/* -------- p -------- */
p{
	line-height: 1.3;
	}
/* -------- s -------- */
select{
	font-size: 0.9em;
	}
select option{
	color: #009;
	}
 /* -------- t -------- */