/* ~~~   QUESTIONNAIRE   FORM   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form#questionnaire {   position:relative;  
	display:block; clear:none;
	width:68%; 
float:left;
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	color:#739b40;
	font-size:100%;
	border:1px solid #739b40; 
	margin:4% 0 0 0;	
	padding:0;
 }
form#questionnaire legend  {   position:relative;  
	display:inline; 
	color:#739b40;
	background:#F6F9ED;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	margin:1em;
	padding:.3em .6em;
	border:3px #fff solid;
}
form#questionnaire fieldset { 	position:relative;  
	display:block; 
	background:transparent;
	width:90%;
	border:3px solid #fff;
	padding:2% 3%;
	margin:2%;
	font:normal 100% verdana, sans-serif;
	text-align:left;
}
form#questionnaire label  { position:relative; 
	display:inline;  
	padding:1% 3% 1% 1%;
 	margin:0 .5em 1em 1.5em;
	border:none;
}
form#questionnaire label { position:relative; 
	display:inline;  
	padding:0;
 	margin:.1em .1em .5em .3em;
	border:none;
}
form#questionnaire textarea { position:relative; 
	display:block; 
	width:88%;
	margin:1% 0 2% 5%;
	height:12em;
	border:1px solid #739b40;
	color:#000; /*#739b40;*/
	background:#fff url(http://www.templetonfinn.co.uk/images/shade.gif) repeat-x bottom left;
}
form#questionnaire input { position:relative; 
	display:inline;   
	padding:0;  margin:0 1em 0 0; 	
	font:normal 100% verdana, sans-serif;
}

form#questionnaire input.getresult { position:relative; 
	display:block;  text-align:center;
	width:14em;  
	margin:3% 30%;
	padding:2% 3%;
	font-size:1.1em;
	letter-spacing:.4em;
	font-weight:bold;
	text-decoration:none;
	background:transparent url("/image-twm/greentab.jpg") repeat top left;
	border:3px solid #b42304;
	color:#000;
}
/* background:transparent url("/image-twm/greentab.jpg") repeat top left;  */
form#questionnaire input.ready:hover  {   	
	background:#f27559;
	color:#000;
	border:3px solid #b42304;
 }
form#questionnaire input.getresult:hover  {   	
	background:#f27559;
	color:#000;
	border:3px solid #b42304;
 }
input.radio { width: 1.3em; height: 1.3em;}


/*  ~~~  FOR  QUESTIONNAIRE   ~~~~~~~~~~
 topborder   centerQ  choices   lessQ   moreQ   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.topborder { position:relative; display:block; 
border-top:1px solid #739b40; 
margin:.5em 0 2em 0; 
padding:.6em 0 0 0;  
}
.centerQ   { position:relative; display:block;  
width:100%; 
text-align:center; 
padding:0;   margin:0;
}
.choices  {  position:relative; 
 margin:0; padding:0 2em 0 0; text-align:center;
 } 
.lessQ { position:relative; display:block; 
float:left; 
width:3em; 
font:italic normal 1em arial, helvetica, sans-serif;
text-align:left; 
padding:0;   margin:0;
 }
.moreQ {  position:relative; display:block; text-align:right; 
width:3em;  float:right; margin:-0.8em 0 0 0em;
 } 
.box { position:relative; display:block; width:60%;   margin-top:2%;   margin-left:5%;  text-align:left;   font-size: 1.2em; }
.salutationbox { position:relative;  display:block; width:82%; 
	background:none;
	border:1px #6fa750 solid; 
margin:0 0 0 5%; padding:2em 2em 2em 3em;  font: 1em arial, helvetica, sans-serif;
text-align:left;  }
.newsletterbox {  position:relative; display:block; width:20%; float:right; margin:1em 1em 1em 2em;  }
/*  from   enl-SAVED.css 
.question  { position:relative;  clear:none;  color:#b42304;    border-top:1px solid #739b40; margin:1em 0 0 .8em;   padding: .2em 0 0 0; font:normal 2em Arial, Helvetica, sans-serif;  font-weight:bold; background:transparent;
 } */
.questionstyle  { position:relative; display:inline; margin-top:-2em;  padding-left:.5em;   font:normal 1em Arial, Helvetica, sans-serif;  font-weight:bold;  }
.bigquestionstyle  { position:relative; display:inline;  margin:-.8em 0 0 -.5em;  color:#b42304; font:normal 1.4em Arial, Helvetica, sans-serif; font-weight:bold; }