/* style sheet for FRAIL survey */

html {-webkit-text-size-adjust: auto;}

body
{
	font-size: large;
	text-align: left;
	font-weight: bold;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto; /* top,bottom: 0px, right,left: auto */
	width: 98%;
}
.sidebarl {
	float: left;
	font-size: medium;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 2em;
	padding-top: 0;
	padding-bottom: 1em;
	width: 85px;
}
.content { /* frailmain.kid */
	width: 80%;
	padding-left: 1em;
}
.body1 { /* congratulations.kid */
	font-size: large;
	text-align: left;
	background-color: #FFFFFF;
	margin: 0 auto; /* top,bottom: 0px, right,left: auto */
	width: 90%;
	padding: 0;
}
.body2 { /* dos_and_donts.html */
	font-size: large;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
	margin: 0 auto; /* top,bottom: 0px, right,left: auto */
	width: 90%;
	padding: 0;
}
.body3 { /* dos_and_donts.html */
	font-size: large;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
	margin: 0 auto; /* top,bottom: 0px, right,left: auto */
	width: 98%;
	padding: 0;
}
.bodynarrow {	/* current.kid, action.kid */
	font-size: large;
	text-align: left;
	background-color:#CEE3CE;
	margin: 0 auto; /* top,bottom: 0px, right,left: 10% */
	width: 70%;
}
.bodyfield { /* digegem.kid egemplan.kid frail.kid grey.kid */
    font-size: larger;
    margin-left: 3em;
}

h1,h2,h3 {
	font-weight: bold;
	font-size: large;
	text-align: center;
}
.header {
	font-weight: bold;
	font-size: large;
	text-align: center;
}

.copyright {	/* GENERAL CLASS */
	width: 14%;
	font-size: small;
	float: left;
}
.headerbox {
	text-align: center;
	padding: 1px 20px; 	/* top/bottom padding 1px, right/left padding 20px */
/*	background-color: color-gradient-linear(90deg, 5% #006633, 95% #B0B0B0); */
	color: #FFFFFF;	/* text color*/
	background-color: #006633;
	margin-bottom: 2em;
}
.title {
	font-size: large;
	font-weight: normal;
	margin-bottom: 1em;
}

		/***** TEXT FORMATTING *****/

.italic {		/* GENERAL CLASS */
	font-style: italic;
}
.underline {		/* GENERAL CLASS */
	text-decoration: underline;
}
.bold {		/* GENERAL CLASS */
   font-weight: bold;
}
.xxlarge-text {	/* GENERAL CLASS */
	font-size: xx-large;
}
.xlarge-text {	/* GENERAL CLASS */
	font-size: x-large;
}
.large-text {	/* GENERAL CLASS */
	font-size: large;
}
.medium-text {	/* GENERAL CLASS */
	font-size: medium;
}
.larger-text {	/* GENERAL CLASS */
	font-size: larger;
}
.smaller-text {	/* GENERAL CLASS */
	font-size: smaller;
}
.fontsm {
	font-size: small;
}
.textl {
	text-align: left;
}
.textc {
	text-align: center;
}
.printsize {
	width: 7.375in;
}
.narrow-height {	/* endHTML.py */
	line-height: 100%;
}
.wideline {
	line-height: 140%;
}
.halfwidth {
	width: 48%;
	margin: 0;
	line-height: 140%;
	padding: .5%;
}
.fullwidth {
	width: 100%;
}
.onetenth {
	width: 9.5%;
}
.width30 {
	width: 30%;
}
.width50 {
	width: 50%
}
.width20 {
	width: 20em;
}
.blue {
	color: #0066CC;
}
.red {
	color: #FF0000;
}
.tiny {
	font-size: 12px;
	font-weight: 200;
	color: #444444;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grblck {
	background-color: #008000;	/* green background */
	color: #FFFFFF;	/* white text */
	border-width: 0 medium medium 0;
	border-style: outset;
	margin: 0 1em 0 1em;
}

.grblckpl { /*  index.html for veryill.org */
	color: #FFFFFF;	/* white text */
	background-color: #008000;	/* green background */
	padding: 1em;
	margin: 0;
	border-width: 0 medium medium 0;
	border-style: outset;
}
.grblckl { /*  congratulations.kid */
	color: #FFFFFF;	/* white text */
	background-color: #008000;	/* green background */
	padding: 0.5em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-style: outset;
}
.grblckc { /*  congratulations.kid */
	text-align: center;
	color: #FFFFFF;	/* white text */
	background-color: #008000;	/* green background */
	padding: 0.5em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	border-style: outset;
	display: block;
}
.blockspecial { /* buildplan.kid */
	color: #FFFFFF;	/* white text */
	background-color: #008000;	/* green background */
	font-weight: bold;
	margin: 1em 0.5em;
	border-style: outset;
	display: table-cell;
	text-align: center;
}
.blueblck {  /*  index.html for veryill.org */
	color: black;	/* black text */
	background-color: #66CCCC;	/* blue background */
	font-size: x-large;
	text-align: left;
	padding-bottom: 5px;
	margin: 0;
}
.ltgrblck { /* index.html for veryill.org */
	float: right;
	color: #FFFFFF;	/* white text */
	font-size: x-large;
	background-color: #669933;	/* lt. green background */
	vertical-align: bottom;
	padding: 0.5em;
	margin: 0;
	border-style: outset;
}
.ggblck {
	font-weight: bold;	
	background-color: #CEDBAD;
	padding-top: 2em;
	padding-bottom: 2em;
	border-width: thin;
	border-style: solid; 
}
.bluetextblck {
	color: #0066CC;
	float: right;
	margin: 2em 9em 2em 0;
}

.wblckl {
	float: left;
	background-color: white;
	padding: 0.5em;
	margin: 1em 0 1em 0;
}
.wblckr {
	float: right;
	background-color: white;
	padding: 0em 0.5em 0.5em 0.5em;
	margin: 0 1em 2em 1em;
	width: 60%;
}
.font175 {	/* step2_4_egemplan */
	font-size: 175%;
}
.font175c {	/* step4_1_egemplan */
	font-size: 175%;
	text-align: center;
}
.bg-green {
	background-color: #00C200;
	border: 1px solid gray;
}
.bg-shaded {	/* endHTML.py HYHlastpage.kid*/
  background-color: #CEE3CE;
}
.green-text {
	/* color: #00FF00;
	color: #00C200; */
	color: #00AE84;
}
.green {
	/* background-color: green; */
	background-color: #00C200;
	border: 1px solid gray;
}
.greytitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.style5 { /* greymain.kid */
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}
.style6 { /* greymain.kid */
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
}

		/***** BORDERS *****/

.noborder {
	border: 0;
}
.bordered {		/* GENERAL CLASS */
	border-width: 2px;
	border-style: solid;
}
.borderx2 {		/* current.kid, action.kid */
	border-width: 4px;
	border-style: double;
	background-color: white;
}
.botborder { /* current.kid, action.kid */
	border-bottom: 4px double black;
}
.smallborder {
	border-width: 1px;
	border-style: solid;
}
.leftborder {
	border-left: 1px dashed black;
}
.topborder {
	border-top: 1px dashed black;
}
.border {
	text-align: center;
	margin: auto;
	border-width: 2px;
	border-top-color: #FFFFFF;
	border-color: #1b5ba2;
}

		/***** FORMS *****/

fieldset.label {
	line-height: 140%;
}
.tableform {
	font-size: large;
}
.fielderror {
    color: red;
    font-weight: bold;
}
.fieldlabel {	/* hyh_style.css */
	vertical-align: middle;
	line-height: 100%;
}

.fieldhelp { /*??????????????????? */ /* phr.py */
}
.checkboxlist {
	list-style-type: none;
}
.imgradio {
    vertical-align: middle;
    margin-left: 1em;
}
.multipleselectfield {
	margin-bottom: 1%;
	float: right;
	vertical-align: middle;
}
.greyradiobuttonlist {
    vertical-align: middle;
    margin-top: .5em;
}
.radiobuttonlist {
    vertical-align: middle;
    margin-top: .5em;
}
.radiolabel {
	margin-top: .5em;
	margin-bottom: .5em;
}


		/***** TABLE FORMATTING *****/

caption {
	margin: 0 auto 3%; /* top: 0, right/left: auto, bottom: 3% */
}
table
{
	margin-left: auto;
	margin-right: auto;
}
table.basic {
	border-width: thick;
	border-style: solid;
	border-color: black;
}
table.valigntop *{
	vertical-align: top;
	margin-top: 0;
}
tr.odd td, tr.odd th {
	background-color:#edf3fe;
}
tr.even td, tr.even th {
	background-color:#fff;
}
td {
	padding: 0.25em;
}
td.nopadmarg {
	padding: 0;
	margin: 0;
}
th {
	text-align: center;
	vertical-align: middle;
}
.table {
	display: table;
}
.table2 {
	display: table;
	border-collapse: collapse;
	border: none;
}
.row{
	display: table-row;
}

.cell{
	display: table-cell;
	vertical-align: middle;
}
.cell2 {
	display: table-cell;
	vertical-align: middle;
	border-width: 1;
	border-style: solid;
	padding: 0.5em;
}
.cellpadall{
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
}
.cellpadtbl {
	display: table-cell;
	vertical-align: middle;
	padding: 1em 0 1em 1em;
}


/*	border-width: 2;
	border-style: double; */

.gcell {
	display: table-cell;	
	color: #FFFFFF;	/* white text */
	background-color: green;	/* green background 008000*/
	padding: 0.5em;
	font-weight: bold;
	border-style: outset;
	text-align: center;
}

.wcell {
	display: table-cell;	
	background-color: white;
	padding: 0.5em;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}
.cellcolspan2 {
	display: table-cell;
	colspan: 
}

		/***** LIST FORMATTING *****/

ul.plain {		/* GENERAL CLASS */
	display: list-item;
	list-style-type: none;
	text-indent: -1em;
}
ul.circle {		/* step5_2_egems */
	list-style-type: circle;
}
.qmbullets {	/* example2_7_digegem */
    list-style-image: url(/static/images/digegem_qm.gif);
}
.listheader {
    font-size: larger;
    font-weight: bold;
}

		/***** FLOATING / POSITIONING / ALIGNMENT *****/

.right {		/* GENERAL CLASS */
	float:right;
}
.left {		/* GENERAL CLASS */
    float:left;
}
.checkmark{

	margin: 0;
	padding: 0;
	display: inline;
}
.leftfloat {
/*
adultaction.py
leftfloat', 'templates/custominstructions.kid'),
 ('leftfloat', 'templates/custommain.kid'),
 ('leftfloat', 'templates/custommain.kid'),
 ('leftfloat', 'templates/customsub.kid'),
 ('leftfloat', 'templates/visitchecksymptoms.kid'),
 ('leftfloat', 'templates/visitchecksymptoms.kid'), */
	float: left;
}
.clearfloats {		/* GENERAL CLASS */
	clear: both;
}
.valigntop {	/* step5_2_egems step6_2_egems */
}
.top {	/* endHTML.py */
	vertical-align: top;
}
.center {		/* GENERAL CLASS */
    text-align: center;
	 margin: auto;
}
.rightabs {		/* step6_4_egemplan */
	position: absolute;
	top: 100px;
	right: 60px;
}
.endnote {	/* step7_1_egems */
	text-align: center;
	vertical-align: baseline;
	margin-top: 4em;
}

		/***** MARGINS AND PADDING *****/

.indent {		/* GENERAL CLASS */
	text-indent: 2em;
}
.leftindent {
	margin-left: .25in;
}
.outdent {		/* GENERAL CLASS */
	text-indent: -2em;
}
.outdent3 {		/* GENERAL CLASS */
	text-indent: -3em;
}
.hanging {	/* endHTML.py */
	margin-left:  .25in;
	text-indent: -.25in
}
.rightmargin {		/* example2_3_digegem step4_3_egems */
    margin-right:20px;
}
.leftmargin {		/* step3_1_egemplan */
	margin-left: 2em;
}
.marginright168 {		/* step6_4_egemplan */
	margin-right: 168px;
}
.topmargin { /* egemtableform.kid gridform.kid */
	margin-top: 1em;
}
.margintb {
	margin: 2em 0 2em 0;
}
.margin1 {
	margin: 1em;
}
.nomargin {
	margin: 0;
}
.pad {
	padding: 1em;
}
.padr2 {
	padding-right: 2em;
}
.padleft {		/* step6_2_egems */
	padding-left: 4em;
}
.padleft { /* hyh_style.css */
	padding-left: .25in;
}
.padl4 {
	padding-left: 4em;
}
.padl2 {
	padding-left: 2em;
}
.padright {
	padding-right: .25in;
}
.padright2 {	/* step7_1_egemplan */
	padding-right: 2em;
}
.padlr1 {	/* step6_4_egemplan */
	padding-left: 1em;
	padding-right: 1em;
}
.padtop {	/* step5_2_egems */
	padding-top: 10em;
}
.padtop {  /* hyh_style.css */
	padding-top: 1em;
}
.padtb3 {
	padding-top: 3em;
	padding-bottom: 3em;
}
.padtb1 {
	padding-top: 1em;
	padding-bottom: 1em;
}
.padtb2 {
	padding-top: 2em;
	padding-bottom: 2em;
}
.padbot10 {
	padding-bottom: 10em;
}
.padbot20 {
	padding-bottom: 20em;
}


		/***** COLUMN FORMATTING *****/

.leftcol {	/* step6_3_egems */
	float: left;
	width: 18%;
}
.leftcol40 {	/* step2_4_egemplan */
	float: left;
	width: 40%;
}
.leftcolfixed {	/* step5_1_egems */
	float: left;
	width: 170px;
}
.leftfixed115 {	/* step5_2_egems */
	float: left;
	width: 115px;
}
.leftfixed220 {	/* step5_3_egems */
	float: left;
	width: 220px;
}
.leftfixed385 {	/* step6_3_egemplan */
	float: left;
	width: 385px;
}
.leftfixed415 {	/* step4_4_egemplan */
	float: left;
	width: 415px;
}
.leftfixed460 {	/* step6_2_egemplan */
	float: left;
	width: 460px;
}
.rightcol {		/* step5_2_egems step6_3_egems*/
	float: right;
	width: 80%;
}
.rightcol40 {	/* step2_4_egemplan step6_2_egemplan */
	float: right;
	width: 40%;
}
.rightcol45 {	/* step4_4_egemplan step6_3_egemplan*/
	float: right;
	width:45%;
}
.rightcol65 {	/* step5_3_egems */
	float: right;
	width: 65%;
}
.rightcol70 {	/* step5_1_egems */
	float: right;
	width: 70%;
}

.rightfixed125 {
	float: right;
	width: 125px;
}
.rightblock {  /* HYHmain.kid */
	float: right;
	text-align: left;
	width: 84%;
}

		/***** NAVAGATIONAL BUTTONS *****/

a.topbutton:link {color: white}
a.topbutton:visited {color: white}
a.topbutton:active {color: red}
td.topbutton:hover {
	background-color: #CEE3CE;
}
.topbutton {
	font-size: larger;
	background-color: #00C200;
	color: white;
	text-align: center;
	margin: auto;
}


a.navbutton:link {color: white}
a.navbutton:visited {color: white}
a.linkimage:visited {color: white}
a.linkimage:link {color: white}
a.linkimage:active {color: white}
a.navbutton:active {color: red}
td.navbutton:hover {
	background-color: #00C200;
}

.navbutton {
	font-size: larger;
	background-color: #CEE3CE;
	color: black;
	text-align: center;
	margin: auto;
}
.navLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #1b5ba2;
}

/************** RULES FOR IDS  *************/

#last_page_top {
	height: 90px;
}

#container {
/* width: 90%; */
margin: 10px auto;
background-color: white;
color: black;
border: 1px solid gray;
line-height: 130%;
}
#top {
/*
padding-left:10%;
padding-right:10%;
*/
/* padding: .5em; */
background-color: white;
/* border-bottom: 1px solid gray; */
line-height:200%;
}
#top h1 {
padding: 0;
margin: 0;
}

/* #green is for the green bar that stretches across under the header */
#green {
width: 100%;
/* background-color: green; */
background-color: #00C200;
height: 15px;
border: 1px solid gray;
clear: both;
}
#leftnav {
float: left;
width: 125px;
margin: 0;
/* padding: 1em; */
/* background-color:#66CCFF; */
text-align:center;
}
#content {
/* margin-left: 200px;
border-left: 1px solid gray;
padding: 1em; */
padding-left:10%;
padding-right:10%;
/* max-width: 36em; */
line-height:150%;
text-align:center;
}
#footer {
clear: both;
margin: 0;
padding: .5em;
color:#000000;
background-color:#FFFFFF;
border-top: 1px solid gray;
text-align:center;
}
#status_block {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}


	/*****XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*********/