html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, textarea, fieldset, form, table, label, legend, caption, tbody, tfoot, thead, tr, td, th { margin: 0pt; padding: 0pt; border: 0pt none; outline: 0pt none; }
:focus { outline: 0pt none; }
body { line-height: 1; font-family: Tahoma; }
ol, ul { list-style: none outside none; }
a { text-decoration: none; }
.clear { clear: both; font-size: 0pt; line-height: 0; height: 0pt; }
.autoclear:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px; font-size: 0px; }
.autoclear { display: inline-block; }
.autoclear { display: block; }
img { border: 0px none; }
html { min-width: 1000px; height: 100%; width: 100%; }
body { width: 100%; color: rgb(0, 0, 0); font: 11px/120% Tahoma,Geneva,sans-serif; background: url('bg.jpg') repeat scroll 50% 0pt rgb(238, 239, 222); }
a, a:link { color: rgb(0, 93, 118); text-decoration: underline; }
a:hover { text-decoration: none; color: rgb(0, 152, 193); }
#top { width: 100%; min-height: 510px; height: auto ! important; background: url('top.png') repeat-x scroll 50% 0pt transparent; }
#content1 { width: 100%; position: absolute; left: 0pt; top: 0pt; background: url('top1.jpg') no-repeat scroll 50% 0pt transparent; padding-top: 510px; }
#content2 { width: 100%; background: url('top2.jpg') no-repeat scroll 50% 0pt transparent; height: 386px; }
#wrap { width: 1000px; position: relative; z-index: 10; margin: 0pt auto; }
#header { height: 170px; position: relative; font-family: Georgia,"Times New Roman",Times,serif; }
#header a { display: block; position: absolute; font-size: 20px; text-decoration: none; margin-top: 0pt; line-height: 120%; }
#main { top: 28px; left: 25px; }
#reg { top: 45px; left: 181px; }
#enter { top: 42px; left: 372px; }
#logo { width: 483px; height: 164px; background: url('logo.png') no-repeat scroll 0pt 0pt transparent; display: block; text-indent: -999%; position: absolute; top: 134px; }
#left_side { position: absolute; top: 290px; left: 40px; width: 467px; height: 405px; background: url('left_b.png') no-repeat scroll 0pt 0pt transparent; }
.r1, .r2, .r3 { position: absolute; }
.r1 { top: 122px; left: 120px; }
.r2 { top: 166px; left: 76px; }
.r3 { top: 210px; left: 36px; }
#right_side { position: absolute; left: 594px; top: 178px; }
h3 { font: 34px/140% Georgia,"Times New Roman",Times,serif; color: rgb(60, 60, 60); clear: both; padding-bottom: 10px; }
.question, .reg_note { color: rgb(22, 86, 149); font: 20px/120% Georgia,"Times New Roman",Times,serif; background: none repeat scroll 0% 0% rgb(250, 250, 250); width: 317px; }
h2 { font: 18px/140% Georgia,"Times New Roman",Times,serif; color: rgb(60, 60, 60); clear: both; padding-bottom: 10px; }
.question, .reg_note { color: rgb(20, 84, 147); font: 20px/120% Georgia,"Times New Roman",Times,serif; background: none repeat scroll 0% 0% rgb(250, 250, 250); width: 317px; }
h1 { font: 22px/140% Georgia,"Times New Roman",Times,serif; color: rgb(61, 61, 61); clear: both; padding-bottom: 10px; }
.question, .reg_note { color: rgb(22, 86, 149); font: 20px/120% Georgia,"Times New Roman",Times,serif; background: none repeat scroll 0% 0% rgb(250, 250, 250); width: 317px; }
.reg_note { margin: -10px 0pt 0pt; font-size: 15px; }
.options { clear: both; padding: 20px 0pt 0pt; }
.options li { padding-bottom: 12px; cursor: pointer; }
#counter { position: absolute; top: 381px; left: 132px; font: 20px Georgia,"Times New Roman",Times,serif; }
#counter b { color: rgb(93, 105, 0); }
#counter a { display: block; font: 11px/11px Tahoma,Geneva,sans-serif; background: url('back.gif') no-repeat scroll 0pt 0pt transparent; text-indent: 18px; padding: 2px 0pt 3px; margin-top: 8px; }
#reg_list { clear: both; padding: 10px 0pt 0pt; }
#reg_list li { padding: 0pt 0pt 15px 28px; background: url('arrow.png') no-repeat scroll 0pt 3px transparent; position: relative; left: -20px; color: rgb(0, 50, 100); }
.reg_h { font: 18px/120% "Trebuchet MS",Arial,Helvetica,sans-serif; }
.text_i { padding: 5px; border: 1px solid rgb(54, 54, 54); width: 250px; background: none repeat scroll 0% 0% rgb(250, 250, 224); }
#diet_progress, #diet_done { position: relative; left: 55px; width: 400px; }
#done_head, #anim_head { color: rgb(53, 95, 5); padding-bottom: 10px; }
#girl { width: 207px; height: 405px; background: url('girl.png') no-repeat scroll 0pt 0pt transparent; position: absolute; right: -55px; top: 118px; }
.done_step { width: 322px; height: 62px; background: url('done_step.png') no-repeat scroll 0pt 0pt transparent; font: 20px/62px "Trebuchet MS",Arial,Helvetica,sans-serif; text-indent: 65px; margin-bottom: 1px; position: relative; z-index: 10; }
.anim_pole { width: 275px; height: 40px; background: url('anim_pole.png') no-repeat scroll 0pt 0pt transparent; clear: both; padding: 5px 11px 0pt 5px; position: relative; cursor: default; z-index: 5; }
.anim_bar { position: relative; width: 100%; height: 28px; color: rgb(139, 139, 139); font: 18px/28px "Trebuchet MS",Arial,Helvetica,sans-serif; text-indent: 10px; }
.anim_bar span { position: relative; z-index: 10; }
.color_bar { position: absolute; left: 0pt; top: 0pt; width: 0pt; height: 100%; z-index: 5; }
.in_progress .color_bar { background: none repeat scroll 0% 0% rgb(158, 225, 240); }
.in_progress span { color: rgb(0, 88, 108); }
#waiting { font: 18px/30px "Trebuchet MS",Arial,Helvetica,sans-serif; color: rgb(49, 108, 210); }
#preload { position: absolute; top: -9999%; left: 0pt; }
.button { border-top: 1px solid rgb(150, 209, 248); background: -moz-linear-gradient(center top , rgb(122, 166, 0), rgb(28, 138, 0)) repeat scroll 0% 0% transparent; padding: 15px 12px; border-radius: 8px 8px 8px 8px; box-shadow: 0pt 1px 0pt rgb(0, 0, 0); text-shadow: 0pt 1px 0pt rgba(0, 0, 0, 0.4); color: white; font-size: 18px; font-family: Helvetica,Arial,Sans-Serif; text-decoration: none; vertical-align: middle; float: left; cursor: pointer; }
.button:hover { border-top-color: rgb(40, 89, 122); background: none repeat scroll 0% 0% rgb(40, 89, 122); color: rgb(255, 255, 255); }
.button:active { border-top-color: rgb(27, 67, 94); background: none repeat scroll 0% 0% rgb(27, 67, 94); }
.var2 { background: url('tick.gif') no-repeat scroll 0pt 3px transparent; display: block; font: bold 20px/120% Georgia,"Times New Roman",Times,serif; color: rgb(81, 103, 0); padding-left: 25px; }
.var1 { background: url('cross.gif') no-repeat scroll 0pt 3px transparent; display: block; font: 20px/120% Georgia,"Times New Roman",Times,serif; color: rgb(0, 0, 0); padding-left: 25px; }
.var1:hover { background: url('tick.gif') no-repeat scroll 0pt 3px transparent ! important; color: rgb(84, 118, 0) ! important; cursor: pointer; }