html {height:100%}
html, body {padding:0; margin:0; font:normal 94% Tahoma,Verdana,sans-serif}
body {min-height:100%; height:100%; color:#000; background:#fff }

/* layout */
#root {height:auto;width:920px;min-height:100%; margin:0 auto;  position:relative;}
#head {height:120px;}
#left_side {float:left; width:232px;padding-bottom:30px; z-index:10}
#right_side {position:absolute; right:0;top:118px; width:232px;padding-bottom:30px; }
#content {float:right; width:100%; margin:0 0 0 -232px; }
#left_side, #content {z-index:1}
#footer, #wrapper {clear:both; height:43px;width:920px; margin:-43px auto 0 auto; }
#footer {background:#003366 url('../images/bgr/footer.png') bottom center no-repeat; z-index:999; }

.pad {padding:5px 232px 50px 232px}
.pad1 {height:17px;background:#003366 url('../images/bgr/head.png') top center no-repeat;}
.pad11 {padding:3px 0 0 0}
.pad2 {padding:1px 15px 0 15px}
.pad3 {padding:6px 5px 0 1px}
.pad4 {padding:6px 0 0 1px}

/* styles */
a { color:#693; }
a:hover { text-decoration:none}
#content p a:visited { color:#666666 }
a img { border:0}
p { margin:4px }
.clearing { clear:both; }
.red { color:red; }
.tcenter { text-align:center }

h1, h2, h3, h4 {color:#336699}
h1 { margin:7px 0; font:2em Tahoma,Verdana,sans-serif; }
h2 { margin:4px 0; font:1.36em Tahoma,Verdana,sans-serif; }
h3 { margin:4px 0; font:1.15em Tahoma,Verdana,sans-serif; }

h3.want_avatar, h2.result, h2.its_easy, h2.review { position:relative; height:1em; overflow:hidden; }
h3.want_avatar em, h2.result em, h2.its_easy em, h2.review em {position:absolute;top:0;left:0; width:100%;height:100%;}
h3.want_avatar em { background:url(../images/title/want_avatar.png) no-repeat; }
h2.result em { background:url(../images/title/result.png) no-repeat; }
h2.its_easy em { background:url(../images/title/its_easy.png) no-repeat; }
h2.review em { background:url(../images/title/review.png) no-repeat; }

#logo { float:left; position:relative;top:24px;left:12px; height:54px;width:177px; margin:0; background:url(../images/logo.png); }
#top_banner { float:right;position:relative;top:0; text-align:center; height:94px;width:720px; overflow:hidden; }
#right_banner { text-align:center; }

#top_main { position:relative; margin:20px auto 54px auto; background:url(../images/bgr/top_main.png) no-repeat; width:395px;height:219px; }
#top_main .ico { position: absolute; width:93px;height:67px; left:156px; top:13px; background-image: url(../images/icons.png); }
#step1, #step2, #step3, #step4, #warn { position: absolute; width:395px;height:219px; left:0; top:0; display:none; }
#step1, #warn { display: block; }

#text_loadfoto { position: absolute; width: 323px; height: 30px; left: 33px; top: 86px; background: url(../images/text_loadfoto.png) no-repeat 0 0; }
#select_file { position: absolute; width: 323px; height: 34px; left: 33px; top: 126px; z-index: 100; }
#swfuploaddiv { position: absolute; width: 323px; height: 34px; left: 33px; top: 126px; z-index: 110; }
.select_file { background: url(../images/select_file.png) no-repeat 0 0; }
.select_file_hover { background: url(../images/select_file.png) no-repeat 0 0; }
#filename { position: absolute; left: 10px; top: 8px; width: 186px; height: 17px; color: #bdbdbd; overflow: hidden; }
#select_descr { position: absolute; left: 37px; top: 165px; width: 295px; height: 20px; }
#select_descr span { color: #ccc; font-size: 10px; text-decoration: none; padding: 1px 18px 2px 0;}
#step1 button { position: absolute; left: 180px; top: 326px; width: 139px; height: 31px; border: none; background: url(../images/upload.png) no-repeat 0 0; }
#step1 button:hover { background: url(../images/upload_over.png) no-repeat 0 0; }

#wait { position: absolute; left: 90px; top: 86px; width: 217px; height: 19px; background: url(../images/wait.png) no-repeat 0 0; }

#uploading { position: absolute; width: 124px; height: 20px; left: 130px; top: 86px; background: url(../images/uploading.png) no-repeat 0 0; }
#roundbar { position: absolute; width: 245px; height: 27px; left: 80px; top: 110px; background: url(../images/roundbar.png) no-repeat 0 0; }
#roundbar div { position: absolute; width: 81px; height: 27px; left: 0px; top: 0px; background: url(../images/roundbar_s.png) repeat-y 0 0; }
#waittime { position: absolute; width: 246px; top: 17px; left: 80px; top: 150px; text-align: center; }
#waittime, #waittime span { color: #fff; font-size: 12px; }

#loaded { position: absolute; width: 131px; height: 16px; left: 135px; top: 86px; background: url(../images/loaded.png) no-repeat 0 0; }
#step4 a { position: absolute; width: 149px; height: 41px; left: 130px; top: 130px; display: block; background: url(../images/next.png) no-repeat 0 0; }

#steps { color: #808080; margin-bottom:50px; }
#steps div { width:188px;min-height:175px; background:url(../images/steps.png) top no-repeat; margin:0 0 25px 0 }
#steps div span { display:block; padding:135px 0 0 40px; font-size:0.9em; }
#steps .step1 { background-position:0 0; }
#steps .step2 { background-position:-188px 0 }
#steps .step3 { background-position:-376px 0 }

#scroller { width: 457px; height: 252px; position:relative; margin:20px 0 0 0; }
#sleft, #sright { position: absolute; width: 48px; height: 48px; top: 98px; cursor: pointer; }
#sleft { left: 0; background: url(../images/sleft.png) no-repeat 0 0; }
#sright { right: 0; background: url(../images/sright.png) no-repeat 0 0; }
#inner { position: absolute; width: 340px; height: 252px; left: 63px; top: 0; overflow: hidden; }
#inner div { width: 5000px; position: relative; }
#inner img { width: 100px; margin-right: 16px; float: left;  }

.pad2 { position:relative; min-height:99%; }
.copyright { font:0.8em Tahoma,Verdana,sans-serif; color:#fff; margin-top:0.7em }

form { padding:0; margin:0; }
.review_form p { margin:15px 0; text-align:center }
form .field { clear:both; padding:0 0 10px; overflow:hidden; }
form label { float:left; color:#333; width:25%;margin:0;white-space:nowrap; }
form input.input, form input.openid, form select, form textarea { font:0.83em Tahoma,Verdana,sans-serif; }
form input.input { height:1.3em; width:18em; border:solid 1px #d0d0d0; color:#000; }
form input.short { width:10em; }
form select { height:1.6em; width:20.2em; padding:0; border:solid 1px #d0d0d0; color:#000; }
form textarea { border:solid 1px #d0d0d0; color:#000; padding:2px 4px 2px 4px; }
form input.button { border:0;height:1.6em; background-color:#693; color:#fff; font-weight:bold; }
form .button-field { padding-left:25%; }
form input.input.error, form textarea.error, form select.error { border:1px solid red; }
form .form-errors { color:red; }
#captcha_img {vertical-align:top}

/* IE fix */
* html #root {height:100%}
* html #left_side {margin-right:-100%}
* html #content {display:inline}
* html .pad2 {height:99%}