/* TYRE SURVEY */

body {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #1B191D; background-color:#80A6C8;}
td  {font-family: verdena, helvetica, arial, sans-serif; font-size: 85%; color: #1B191D; padding: 5px;}
p {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #1B191D; margin-left: 10px; padding-top:12px}
input {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #000;}
h1 { font-family: verdena, helvetica, arial, sans-serif; font-size: 120%; /*margin-top: 100px;*/ margin-bottom: 30px; padding: 6px 6px 6px 6px; color: #FFFFFF; width:100%; background: #FFFFFF URL(h1bak.jpg) right repeat-y; border-bottom: 1px solid #929899; border-top: 1px solid #929899; text-align: center }
h2 { font-family: verdena, helvetica, arial, sans-serif; font-size: 130%; margin-top: 10px; color: #00AADD; }
td {font-family: verdena, helvetica, arial, sans-serif; font-size: 90%; margin-left: 10px}
.top { display:none;}
.footer { font-family: arial, helvetica, sans-serif; font-size: 70%; color: #00AADD; text-align: center } 
.textinput1 { margin-left:10px; float:left; }
.textinput2 { margin-right:150px; float:right; }
.tick { height: 24px; width: 24px; margin-right: 3px; }


/* new styles */

/* put images in the background of table1, making visual space for the images using the margin-top of h1. 
options for images are: left right center, top bottom, no-repeat repeat repeat-y repeat-x. */
.table1 {background: #FFFFFF /*URL(banner2.jpg) no-repeat left top*/; border:solid 0px #090;}
.header {width:100%;height:130px;background: #FFFFFF URL(banner2.jpg) no-repeat left top; border:solid 0px #FF0000;}
.footerbreak {width:100%;background:#FFFFFF URL(breakbak.jpg) right repeat-y;height:4px;font-size:1px;}
#barborder {padding:0px; border:2px solid #DDDDEE;}
#percent {color:#00F;font-size:80%;}
.multinumber {}
.grid {}
.vgrid {}


/*multiple question backgrounds*/

/* for first question */
.qback1 {background-color:#B2C9DE;}
/* for first question text */
.qback1 td {color:#1B191D; padding-left:10px;}
/* for second question */
.qback2 {background-color:#DCE6F0;}
/* for second question text */
.qback2 td {color:#1B191D; padding-left:10px;}

/* images */

.family {background: URL(family.jpg) no-repeat right bottom;}
.licence {background: URL(licence.jpg) no-repeat right bottom;}
.breakdown {background: URL(breakdown.jpg) no-repeat right bottom;}
.person {background: URL(person.jpg) no-repeat right top;}
.car {background: URL(carSM.jpg) no-repeat right bottom;}
.money {background: URL(money.jpg) no-repeat right bottom;}
.multityre {background: URL(multityre.jpg) no-repeat right bottom;}
.flat {background: URL(flat.jpg) no-repeat right bottom;}
.money2 {background: URL(money2.jpg) no-repeat right top;}
.flat2 {background: URL(flat2.jpg) no-repeat right bottom;}
.changing {background: URL(changing.jpg) no-repeat right bottom;}






/* ORIGINAL STYLES */

/*
body {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #000; background-color:#FFFFFF;}
td  {font-family: verdena, helvetica, arial, sans-serif; font-size: 85%; color: #000; padding: 5px;}
p {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #000; margin-left: 10px; padding-top:16px}
input {font-family: verdena, helvetica, arial, sans-serif; font-size: 100%; color: #000;}
h1 { font-family: verdena, helvetica, arial, sans-serif; font-size: 120%; margin-top: 10px; padding: 6px; color: #00AADD; width:100%; background: #FFFFFF; border-bottom: 4px solid #9b9b9b; border-top: 1px solid #9b9b9b; text-align: center }
h2 { font-family: verdena, helvetica, arial, sans-serif; font-size: 130%; margin-top: 10px; color: #00AADD; }
td {font-family: verdena, helvetica, arial, sans-serif; font-size: 90%; margin-left: 10px}
.top { padding: 2px 0px 6px 2px}
.footer { font-family: arial, helvetica, sans-serif; font-size: 70%; color: #00AADD; text-align: center } 
.textinput1 { margin-left:10px; float:left; }
.textinput2 { margin-right:150px; float:right; }
.tick { height: 24px; width: 24px; }

.table1 {background-color:#ffffff;border:solid 0px #ffffff;}
.footerbreak {width:100%; background: #0ad; height: 4px; font-size: 1px;}
*/