html, body{margin:0 0 0 0; padding: 0 0 0 0; background-color: #F1F6F8; font-family: Verdana;}
a:link,a:visited{text-decoration: underline;} a:hover{text-decoration: none;}
div#site{
position: relative;
height: 1300px; color: #000000;
background: #F1F6F8 url(design/background.jpg) repeat-x top;
}
div.sex-battle{
position: absolute; top: 28px; left: 20px; height: 80px; width: 377px;
background: url(design/sex-battle.jpg) no-repeat;
text-align: center; font-size: 0.9em; font-weight: bold; color: #333333;
padding: 85px 0 0 0;
}
div#center_block{position: relative; margin: 0 auto 0 auto; width: 42%; height: 800px;}
div#who{position: absolute; top: 190px; left:0; width: 100%; height: 34px; background: url(design/WhoIs.jpg) no-repeat center;}
div#m_bar, div#f_bar{position: absolute; bottom: 270px; z-index: 0;}
div#m_bar{background: url(design/m_bar.jpg) repeat-y; left: 13%; width: 34px;}
div#f_bar{background: url(design/f_bar.jpg) repeat-y; right: 13%; width: 34px;}
div#m_stats, div#f_stats{position: absolute; bottom: 235px; font: 1.5em Arial; color: #666666; z-index: 0;}
div#m_stats{left: 13%; width: 30px; text-align: left; margin-left:-2px;}
div#f_stats{right: 13%; width: 30px; text-align: right; padding-right: 7px;}
div#resume{
position: absolute; top: 250px; left: 0; width: 56%; height: 160px;
font: bold 1.8em Arial; text-align: center; padding: 120px 22% 0 22%;color: #939393;
background: url(design/resume.gif) no-repeat center; z-index: 5;
}
div#go{
position: absolute; top: 570px; margin: 0px auto 0 auto;
background: url(design/go.jpg) no-repeat center; width: 100%; height: 63px;
font-size: 1em; font-weight: bold;
}
div#go_l{position: absolute; top:19px; right:50%; margin-right: 152px;}
div#go_l a{color: #2D95C5;}
div#go_r{position: absolute; top:19px; left:50%; margin-left: 152px;}
div#go_r a{color: #EB5D45;}
a#go_link{display: block; position: absolute; top: 0; left: 50%; margin: 0 0 0 -135px; height: 60px; width: 270px;}
div#free{position: absolute; top: 70px; left: 50%; margin: 0 0 0 -65px; height: 30px; width: 270px; font-size: 0.7em; color: Gray;}
div#if_m, div#if_f{position: absolute; top: 640px;}
div#if_m{background: url(design/if_m.jpg) no-repeat; left: 2%; height: 150px; width: 149px;}
div#if_f{background: url(design/if_f.jpg) no-repeat; right: 2%; height: 150px; width: 149px;}
div#test_ys{position: relative; top: 860px; left: 2%; font-size: 1.3em; font-weight: bold; color: #939393;
background: url(design/test_ys.jpg) no-repeat bottom center; height: 310px; width: 100%;}
div#bottom_menu{position: absolute; bottom: 0px; left: 0; width: 100%; height: 145px;
font-weight: bold; font-size: 0.8em; text-align: center;}
div#bm{margin: 35px auto 0 auto; padding-top: 10px; width: 535px; height: 90px; border-top: 2px solid grey; color: #BBBBBB;}
div#bm a{margin: 0 8px 0 8px; color: #BBBBBB;}
/*-------------------------Top_Menu----------------------------------*/
div#top_menu{
position: absolute;
right: 7%; top: 75px;
width: 560px;
border-bottom: 3px solid #82C4F3;
padding-bottom: 1px;
font-weight: bold; font-size: 0.9em;
}
div#top_menu a{color: #FEFEFE; margin-right: 7px; margin-left: 7px;}
/*-------------------------------------------------------------------*/
div.frame{position: absolute; background: url(design/frame.jpg) no-repeat; height: 267px; width: 226px;}
/*Ratings*/
div#rating{top: 180px; left: 29px; padding: 10px 18px 10px 18px; width: 190px; height: 247px;}
div#rating table tr{font-size: 0.7em; height: 20px;}
div#rating table tr.f{color: #C21C00;} div#rating table tr.m{color: #2D95C5;}
div#rating table tr td.nick{width: 165px;}
div#top10{font-weight: bold; font-size: 0.8em; color: #6E6F6F; margin-bottom: 3px;}
div#base_link a{font-weight: bold; font-size: 0.7em; color: #6E6F6F;}
div#base_link{ margin-top: 7px;}
div#liru{ visibility: hidden; }
/*Services*/
div#services{top: 630px; left: 29px; padding: 10px 18px 10px 18px;}
div.serv{width: 100px; height: 68px; text-align: center; padding: 0 10px 0 100px; font-size: 0.6em; color: #6E6F6F;}
div#serv1{background: url(design/cert_small.gif) no-repeat left; margin: 35px 0 35px 0;}
div#serv2{background: url(design/gs_small.gif) no-repeat left; margin: 15px 0 40px 0;}
/*Science*/
div#science{top: 180px; right: 29px; padding: 10px 10px 10px 10px; width: 206px;}
div#top10s{font-weight: bold; font-size: 0.7em; color: #6E6F6F; margin-bottom: 3px; margin-top:3px;}
div#brain_m, div#brain_f{width: 140px; height: 45px; text-align: center; padding: 0 10px 0 60px; font-size: 0.6em;}
div#brain_m{background: url(design/brain_m.jpg) no-repeat left; margin: 40px 0 45px 0; color: #2D95C5;}
div#brain_f{background: url(design/brain_f.jpg) no-repeat left; margin: 45px 0 40px 0; color: #C21C00;}
div#science div#base_link{margin-left: 30px;}
div#science.smart{top: 290px;}
/*Wisdom*/
div#wisdom{top: 630px; right: 29px; padding: 10px 10px 10px 10px; width: 206px;}
div#wis_m, div#wis_f{height: 90px; width: 135px; font-size: 0.6em; margin: 15px 3px 0 3px; text-align: center;}
div#wis_m{background: url(design/men_gender.jpg) no-repeat left top; padding-left: 65px; color: #2D95C5; margin-top: 25px;}
div#wis_f{background: url(design/women_gender.jpg) no-repeat right top; padding-right: 65px; color: #EB5D45;}
div.tl{text-align: right;}
/*-----TEST--------*/
div#q_b{position: absolute; top: 152px; left: 0px; width: 100%;}
div#q_num{margin: 0 auto 0 auto; width: 150px; height: 30px; color:#6E6F6F; font-size: 1.1em;}
div#t_frame{margin: 0 auto 0 auto; width: 374px; height: 401px; background: #F1F6F8 url(design/frame_big.jpg) no-repeat;}
div#t_img{width: 300px; height: 315px; margin: auto; padding-top: 25px;}
div#t_img2{width: 368px; height: 395px; margin: auto;}
div#question{margin: 15px auto 0 auto; width: 375px; height: auto;
color:#6E6F6F; text-align: center; font-size: 0.8em; font-weight: bold;}
div#ans{margin: 20px auto 0px auto; width: 415px; height: auto; text-align: center; overflow: hidden; }
div#ans table{width: 400px; margin-left: 20px;}
div#ans table.v4{width: 400px; margin-left: 10px;}
#a1,#a2,#a3,#a4,#a5,#a6{border: 2px solid #F1F6F8; height: 100px; width: 104px; margin: 0; cursor: pointer;}
#af1,#af2,#af3,#af4{border: 2px solid #F1F6F8; height: 100px; width: 95px; margin: 0; cursor: pointer;}
#av1,#av2,#av3,#av4{border: 2px solid #F1F6F8; height: 42px; width: 173px; float: left; cursor: pointer;
margin-left: 20px; margin-right: 0px;}
table#of{width: 150px; height: 150px; margin: auto;}
#of1,#of2,#of3,#of4,#of5,#of6,#of7,#of8,#of9
{height: 34px; width: 27px; background: url(design/num_b/0.gif) no-repeat center; margin:auto; cursor: pointer;}
div#sub{margin: 10px auto 0 auto; width: 375px; height: 20px; text-align: center;}
div#subb{background: #FFFFFF url(design/submit.jpg) no-repeat; border: 0;
width: 131px; height: 43px; cursor: pointer; margin: 20px auto 0 auto;}
div#subb2{background: #FFFFFF url(design/submit2.jpg) no-repeat; border: 0;
width: 172px; height: 43px; cursor: pointer; margin: 15px auto 0 auto;}
input.t{border:none; background: #F1F6F8 url(design/input_bg.jpg) no-repeat; height:23px; width: 287px; padding: 6px 10px 0 10px; text-align: center;}
input.t2{border:none; background: #F1F6F8 url(design/input_bg_ss.jpg) no-repeat; height:20px; width: 50px; padding: 5px 0px 0 0px; text-align: center; font-size: 1.2em;}
input.t, input.t2{font-weight: bold; color:#6E6F6F;}
div#star0, div#star1, div#star2, div#star3{height: 10px; width: 200px; margin: 30px auto auto auto;
padding-top: 90px; font-weight: bold; font-size: 0.8em; color: #6E6F6F; text-align: center;}
div#star0{background: url(design/star0.jpg) no-repeat center;}
div#star1{background: url(design/star1.jpg) no-repeat center;}
div#star2{background: url(design/star2.jpg) no-repeat center;}
div#star3{background: url(design/star3.jpg) no-repeat center;}
div#tips{text-align: center; font-size: 0.7em; color: #6E6F6F; width: 190px; margin: auto;}
div#tips p{margin-top: 22px;}
strong.sms_text{font-size: 1em;}
p#sms_info{ color: #6E6F6F; font-size: 0.9em; margin-top: 50px;}
p#sms_info a{color: #6E6F6F;}
span.red{color: #B22C14;}
a.ukrain{background-color: #FFFFE0; color: #333333;}
#ukr_img{margin-bottom: -3px;}
/*------INTRO-------*/
div#center_block_intro{margin: 0 auto 0 auto; width: 75%; padding-top: 170px;}
div#intro_frame{margin: 20px auto 0 auto; width: 334px; height: 371px; background: #F1F6F8 url(design/frame_big.jpg) no-repeat;
text-align: center; padding: 30px 20px 0 20px;}
div#nick{margin: 0 0 10px 0;}
div#nick_up{margin-bottom: 8px;}
div#nick_d{font-size: 0.6em;}
span.men{color: #2D95C5; font-weight: bold;}
span.women{color: #EB5D45; font-weight: bold;}
/*----------TEXT-----------*/
div#only_text{position: absolute; top: 170px; left: 0px; width: 100%; text-align: left; color: #333333; font-size: 0.9em;
line-height: 1.4em;}
div#only_text_intro{width: 100%; text-align: center; color: #333333; font-size: 0.9em; line-height: 1.4em;}
h2{font-size: 1.6em;}
/*--------SERVICE---------*/
table#service{position: absolute; width: 80%; top: 280px; left: 7%; margin: 0px 0px 0px 0px;}
div#anons{position: absolute; top: 190px; background: url(design/anons.gif) no-repeat center; width: 100%; height: 30px;}
div#l_col{background: no-repeat left top; padding: 15px 0 0px 240px; color: #6E6F6F; font-size: 0.7em; margin: 0 0 20px 0; height: 171px;}
div#r_col{background: no-repeat left; padding: 5px 0 5px 125px; color: #6E6F6F; font-size: 0.7em; margin: 0 0 20px 0;}
/*--------STATISTIC------*/
table#statistic{position: absolute; width: 93%; top: 280px; left: 7%; margin: 0px 0px 0px 0px;}
div#stats_header{position: absolute; top: 190px; background: url(design/stat.gif) no-repeat center; width: 100%; height: 32px;}
div.l_title{font-size: 1.1em; margin-bottom: 20px; font-weight: normal; color: #6E6F6F;}
table#stats_tbl {margin-left: 50px; margin-bottom: 50px;}
table.stats_tbl_l {margin-left: 52px; margin-bottom: 10px;}
table#stats_tbl tr{font-size: 0.8em; height: 25px;}
table.stats_tbl_l tr{font-size: 0.8em; height: 22px;}
table#stats_tbl tr.f, table.stats_tbl_l tr.f{color: #C21C00;} table#stats_tbl tr.m, table.stats_tbl_l tr.m{color: #2D95C5;}
table#stats_tbl tr td.nick, table.stats_tbl_l tr td.nick{width: 215px;}
div.r_stat{background: no-repeat left; padding: 5px 0 5px 90px; font-size: 0.7em; margin: 0 0 30px 0; height: 135px;}
div.r_stat#m {color: #2A88B3;}
div.r_stat#f {color: #E33516;}
div.stat_list_h {margin: 15px 0 10px 33px; font-size: 0.9em; font-weight: bold;}
div.stat_list_h {color: #6E6F6F; text-decoration: underline; cursor: pointer;}
div.stat_list_h:hover {text-decoration: none;}
table#slh_1, table#slh_3, table#slh_4{display: none;}
table#slh_2{display: block;}
div#stats_graph{margin-bottom: 80px; margin-top: 10px;;}
span.stats_data{font-weight: bold; margin-left: 1px;}
/*-------RESULT---------*/
table#result{position: relative; top: 210px; left: 7%; width: 80%; margin: 0 0 0 0; color: #333333; font-size: 1em; line-height: 160%;}
span.nick_f, span.nick_m{font-weight: bold;}
span.nick_f, div#fr{color: #E33516;}
span.nick_m, div#mr{color: #2A88B3;}
table#result tr td h4{font-size: 1.1em; margin-top: 10px;}
div#cert_img{margin: 30px auto 0 auto; width: 450px;}
div#cert_ch{margin-top: 40px; margin-left: 1%; font-size: 0.8em;}
div#cert_ch p{margin-top:6px; margin-bottom: 6px;}
select#cert_sel {border: 0px; font-family: Verdana, sans-serif; background-color: #F1F6F8; height: 17px;}
div#sel_bg{background: #F1F6F8 url(design/select.jpg) no-repeat top left; height: 21px; padding: 4px 0 0 15px;}
input.lnk{border:none; background: #F1F6F8 url(design/input_lnk.jpg) no-repeat; height:21px; width: 280px; padding: 4px 10px 0 10px; color: #666666; font-size: 1em;}
div#analys{margin-top: 30px; font-weight: bold;}
p.analys{font-size: 0.9em; text-indent: 45px; line-height: 150%;}
div#pyramid{text-align: center; font-size: 1.1em;}
div#pyram_img{margin: 20px auto 0 auto; width: 210px;}
div#pyram_yl{text-align: center; font-size: 0.8em; margin-top: 5px;}
div#rstats{text-align: center; font-size: 1.1em; margin-top: 50px;}
div.stats_type{font-size: 1em; font-weight: bold; margin-top: 30px;}
div.perc{font-size: 0.9em;}
div.perc_d{font-size: 0.9em; margin-left: 30px; margin-top: 10px; line-height: 210%;}
div#smartphone{position: absolute; width: 485px; height: 140px; background: url(design/smartphone.png) no-repeat left; top: 120px; right: 33px;}