html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}


body { text-align:center;}

h1 { margin-bottom: 20px; }

div.main { text-align:left; margin-left: auto; margin-right:auto; width:800px; background-image:url(img/background-main.gif); background-repeat: repeat-y; padding:20px; }
div.main p { width:750px; margin-bottom: 10px; }
table.bill { margin-top: 20px; width:800px; margin-left:50px; display:block; clear:both; }
table.bill td { padding: 5px; }
table.bill th { padding: 5px; font-size:110%; font-weight: bold; }
table.bill th.settings { width: 300px; }
table.bill td.first { font-size:200%; }
table.bill input { font-size:200%; }
table.bill input.name   { width: 350px; }
table.bill input.amount { width: 150px; text-align:right; }
table.bill input.weight { width:  50px; text-align:right; }
table.bill tr.total { text-align: right; font-size:200%; }
table.bill tr.total td.sum { border-top: 2px solid black; }

button { font-size: 200%; width:150px; margin-bottom:4em; }
button img { display:block; float: left; }
button span { display:block; float: left; padding-left: 15px; padding-top:8px; }

table.result { } 
table.result td { font-size: 200%; padding:5px; }

div.results { margin-left: 85px; }

div.settings { float: left; margin-left:5px; }

body { background-image: url(img/background.gif); height:100%;}

a.email { display:block; float:right; padding-right: 6em; padding-top:1em; padding-bottom:5em; font-size:120%; }

p.disclaimer { color: #aaa; font-size:8pt; padding-top: 6em; }
p.disclaimer a { color: #aaa; }

div.tooltip { background-repeat: no-repeat; border:none; background-position: 0 0; position: absolute; top: -100px; width: 258px; height: 30px; padding: 14px 10px 0px 10px; }
div.tooltip.right { background-image: url(img/pointer-left.png); text-align: right; margin-left: 620px; } 
div.tooltip.left { background-image: url(img/pointer-right.png); margin-left:-230px; }

a.start { float: right; width: 100px; margin: 10px; padding: 1em; padding-top: 50px; background-image: url(img/demo.gif); background-position: 30px 0; background-repeat: no-repeat; color:black; text-decoration:none; font-weight:bold;}
a.start:hover { text-decoration:underline; }