#usr_reg_form , #usr_auth_form{padding-top:20px} /*form*/ .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;} .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;} .field dt label {margin:0;} .field dd {float:left;} label {margin:0 0px 0 0; color:#E5BE1A} select{border:solid 1px #A5ACB2;width:248px;} textarea {width:248px;height:100px;border:solid 1px #A5ACB2;} .form_buttons {margin:0 0 0 215px;} .input_text {width:200px;height:1.5em;border:solid 1px #A5ACB2;} fieldset{border:none;margin:0;padding:0; } .registration_form{position:absolute;right:50%;top:0px; padding:18px 15px 0 0px; z-index:1; margin-right:-464px;} .registration_form dt{float:left;width:46px;text-align:right;padding-right:4px} .registration_form a{margin:0 0 0 0px;position:relative;top:-2px} .registration_form input[type="text"] {width:106px;height:1.5em;border:none;background: url(/images/bgr/input.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .registration_form input[type="password"] {width:106px;height:1.5em;border:none;background: url(/images/bgr/input.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .registration_form .input_text {width:106px;height:1.5em;border:none;background: url(/images/bgr/input.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .registration_form .orange {color:#D9B60F} .form_registration table {margin-left:170px; padding:0px;} .form_registration {padding:0 0 0 10px;font-size:12px;margin:0 0 0 0;} .form_registration label{font:18px arial;color:#303030} .form_registration td.form_title{font: 18px arial;color:#303030; text-align:right; padding: 0px 10px 10px 0px; width:250px;} .form_registration td.bold{color:#D9B60F;font-weight:bold} .form_registration dl{margin:0 0 9px 272px;line-height:1.2} .form_registration dt{float:left;width:181px;text-align:right;margin:0 6px 0 0} input {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2.png) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .input_text_error , .form_registration .input_text_error {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2_red.jpg) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .input_text {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2.png) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .captcha{padding-top:10px} .registration{margin:4px 0 0 0px} #faq_textarea .input_text_error {background:none; border: 1px solid #E3A1A2; width:248px} /*page*/ html, body {width:100%;height:100%;} body {padding:0; margin:0;background: #fff;} /* #SomeBox { position - position [ left , top ] , liquid model - float, clear, block modle - display, width, height, margin, padding, overflow, visual property - background, border, text property - list-style, text-align } */ /*design*/ a img{border:0;} /*navigation*/ a {font:1em/1.5 "arial"; color:#0398d7;text-decoration:underline;} a:hover {text-decoration:none;} :focus, a:active { outline: none; } form :focus, form a:active { outline:1px dotted;} /*TAGS*/ h1 {margin:0 0 15px 0;padding:5px 0 6px 10px;font:bold 30px "arial"; color:#d9b60f;background: url(/images/bgr/h1.png) no-repeat left top;text-transform:uppercase} h1 span{color:#303030;font-size:24px} h2 {margin:0 0 5px 0;padding:0 0 0 10px;font:24px "arial";color#303030;text-transform:uppercase;} h3 {margin: 0;padding:0;font:18px "arial";color:#303030;} h4 {margin:0;padding: 0;font:bold 1.6em "arial";color:#303030;} dl, dt, dd, form {margin:0;padding: 0;} input {margin:0;vertical-align:middle;} p {margin: 0;padding:0px 0;} select {vertical-align:middle;} table {border-spacing: 0;border-collapse: collapse;} table td {padding:0;text-align:left;vertical-align:top;} ul {margin: 0;padding:0;} ul li{padding:0;margin:0;list-style-type:none} /*FONT*/ html {font-size:100%;} body {font:13px/1.5 arial, sans; color:#303030} table, td, th, ul, textarea, input, select {font: 1em/1.5 arial;} /*Misc*/ .clearing {clear: both;height:0;font-size:0;overflow:hidden;} .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} /*layout*/ /*=HEADER*/ .tests_header {background:url(/images/bgr/tests_bgr.jpg); height:25px; width:102px ; font-weight:bold; color:#000000; text-align:center; padding-top:3px} #header {height:103px;position:relative; background:url(/images/bgr/top.jpg) no-repeat; padding:0px 0px 0px 0px} #soclinks{position:absolute;left:335px;top:26px; display:block; width:100px; height:20px; border:0px solid #ff0000} #logo{position:absolute;left:20px;top:8px; display:block; width:300px; height:50px; border:0px solid #ff0000} #mts-logo{z-index:100; position:absolute;left:50%; margin-left:-100px; top:96px; display:block; width:77px; height:50px; border:1px solid #777; padding:2px; background:url(/images/logos/mts-logo.gif) #fff 2px 2px no-repeat} #tests_menu {position: absolute; left:50%; margin-left:-438px; top:68px; width:222px; display:none; z-index:1000;} #tests_menu .corner_top_left {background:url(/images/menu_corners/left_top.png) left top no-repeat; width:10px; height:10px; float:left} #tests_menu .corner_top_right {background:url(/images/menu_corners/right_top.png) right top no-repeat; width:10px; height:10px; float:right} #tests_menu .corner_bottom_right {background:url(/images/menu_corners/right_bottom.png) right bottom no-repeat; width:10px; height:10px; float:right} #tests_menu .corner_bottom_left {background:url(/images/menu_corners/left_bottom.png) left bottom no-repeat; width:10px; height:10px; float:left} #tests_menu .middle_row{background:#fbe462;} #tests_menu .top_row {background: url(/images/menu_corners/top.png); height:10px; width:222px; font-size:1px} #tests_menu .bottom_row {background: url(/images/menu_corners/bottom.png); height:12px; width:222px; font-size:1px}} #tests_menu ul {padding: 0px 10px 0px 10px} #tests_menu ul a{height:23px; display:block; color:#434142; text-decoration:none; padding-left:20px; border-bottom: 1px solid #e8ce3b; background:url(/images/tests_menu_arrow.gif) no-repeat 190px 10px} #tests_menu ul a:hover{color:#434142; text-decoration:underline; color#020100; background:#feef9c url(/images/tests_menu_arrow_hover.gif) no-repeat 190px 10px;} .main_menu{position:absolute;left:30px;top:68px;padding:0 0 0 0px;} .main_menu li{float:left;margin:0 0px 0 0;padding:3px 5px 0px 5px;width:98px; height:27px; text-align:center;} .diploma{position:relative;top:2px} .main_menu li.hover{background: url(/images/bgr/li.jpg) no-repeat center top; color:#000000} .main_menu li.hover a{ color:#000000} .main_menu li.always_hover{background: url(/images/bgr/li.jpg) no-repeat left top;} .authorization_succes{position:absolute;right:30px;top:25px;font-size:12px} .user_name{font-weight:bold} /*=MENU*/ #menu {background: silver;} /*=CONTENT*/ #wrapper {position:relative;width:940px;margin:0 auto} html>body #wrapper {height:auto;} #body {padding:0 0 20px;} #body:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} #main_col {float: right;width:100%;} #main_col_content {margin: 0 0 0 0px;} .index_top_menu table.how_much {width:275px;height:51; padding:0px;float:left;} .index_top_menu .how_much td.bg1{background: url(/images/title/how_much_bg.gif) repeat-x; width:100%;text-align:center;} .index_top_menu .how_much td.bg2{background: url(/images/title/ya_bg.gif) repeat-x; width:100%;text-align:center;} .catalog_menu{margin:0 0 0px -18px;} .catalog_menu:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .catalog_menu li{margin:0 0 0 18px;float:left} .catalog_menu span{display:block;height:51px;} .catalog_menu span.how_much{background: url(/images/title/how_much.png) no-repeat left bottom;width:350px} .catalog_menu span.how_need{background: url(/images/title/how_need.png) no-repeat left top;width:350px} .catalog_menu span.ya{background: url(/images/title/ya.png) no-repeat left top;width:203px} .prolog_text dt{text-align:center;margin:0 0 9px 0} .result_block{margin:0 0 0 -24px} .result_block:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .result_block li{width:297px;background: url(/images/bgr/result.png) no-repeat center bottom;height:340px;float:left;margin:0 0 35px 24px} .result_block h3{background: url(/images/bgr/h3.png) no-repeat left top;font:24px arial;text-transform:uppercase;color:#fff;height:50px;padding:10px 0 0 11px;overflow:hidden} .result_block h3.blue{background: url(/images/bgr/h3.png) no-repeat left top;font:24px arial;text-transform:uppercase;color:#fff;height:50px;padding:10px 0 0 11px;overflow:hidden} .result_block h3.yello{background: url(/images/bgr/h3_need.png) no-repeat left top;font:24px arial;text-transform:uppercase;color:#fff;height:50px;padding:10px 0 0 11px;overflow:hidden} .result_block dt{float:left;padding:0 0 0 8px;width:167px} .result_block dd{float:left;width:115px;line-height:1.2;font-size:12px} .result_block b{font-size:12px;color:#303030} .result_block strong{display:block;font-size:30px;font-weight:normal} .result_block span{display:block;font-size:36px;color:#fe4545;margin:0 0 5px 0} .result_block img{display:block;margin:0 0 12px 0} .repeat{display:block;margin:5px 0 5px 0;background: url(/images/marker/repeat.png) no-repeat left top;padding:3px 0 3px 27px} .delete{display:block;margin:5px 0 5px 0;background: url(/images/marker/delete.png) no-repeat left top;padding:3px 0 3px 27px} .need_result h3{background: url(/images/bgr/h3_need.png) no-repeat left top;} .rate_table_wraper_rate_table_20{float:left; margin-right:20px} .rate_table_wraper_rate_table_21{float:left; } #rate_table_21{width:458px; } #rate_table_20{width:458px; } .table_bottom{width:458px;background: url(/images/bgr/table_bottom.png) no-repeat right top;height:13px; padding-bottom:20px} #rate_table_21 p{font-size:12px;padding:0;margin:0 0 23px 11px} #rate_table_20{margin-right:0} #rate_table_21 td, #rate_table_20 td{padding:5px 0 5px 13px;font-size:12px; border:1px solid #e4e3e3} td.nik{color:#0398d7} #rate_table_21 td.last{text-align:center;background-image:none;} td.last p{padding:0;margin:0 0 0 -13px} .first_td{border-left:1px solid #e1e1e1} #rate_table_21 table{margin:-50px 0 0 0;position:relative;left:1px} #rate_table_21 th{font-size:18px;color:#616161;text-align:left;padding:0px 0 0px 13px;text-transform:uppercase} #rate_table_20 th{font-size:18px;color:#fff;text-align:left;padding:0px 0 0px 13px;text-transform:uppercase} .first{width:33px} .second{width:137px} .third{width:137px} .four{width:99px; } .rate_table_20_wraper { background: url(/images/bgr/blew_head_bg.gif) repeat-x; text-align:center} .rate_table_21_wraper { background: url(/images/bgr/gold_head_bg.gif) repeat-x; text-align:center } .rate_table_20_wraper_left { background: url(/images/bgr/blew_head_bg_left.gif) no-repeat } .rate_table_21_wraper_left { background: url(/images/bgr/gold_head_bg_left.gif) no-repeat } .rate_table_20_wraper_right { background: url(/images/bgr/blew_head_bg_right.gif) no-repeat right top} .rate_table_21_wraper_right { background: url(/images/bgr/gold_head_bg_right.gif) no-repeat right top} #rate_table_21 thead th {height:52px; border-left:1px solid #e2c30c; border-right:1px solid #e2c30c;} #rate_table_20 thead th{height:52px; border-left:1px solid #aadaef; border-right:1px solid #aadaef;} #rate_table_20 thead th.first{height:52px; border-left:0px solid #aadaef; border-right:1px solid #aadaef;} #rate_table_20 thead th {height:52px; border-left:1px solid #aadaef; border-right:0px solid #aadaef;} #rate_table_21 thead th{height:52px; border-left:1px solid #e2c30c; border-right:1px solid #e2c30c;} #rate_table_21 thead th.first{height:52px; border-left:0px solid #e2c30c; border-right:1px solid #e2c30c;} #rate_table_21 thead th {height:52px; border-left:1px solid #e2c30c; border-right:0px solid #e2c30c;} #rate_table_20 .bottom_tr .first, #rate_table_21 .bottom_tr .first{border-left:0px; background:none} #rate_table_20 .bottom_tr .last, #rate_table_21 .bottom_tr .last{border-right:0px; background:none} .user_page_sert li input{width:100px} .user_page_sert li {float:left; width:120px} .links_block{position:relative;width:716px;height:281px;float:left;background: url(/images/bgr/front.jpg) no-repeat left top;} .links_block img{position:absolute;left:0;top:0;z-index:1} .links_block a{position:absolute;z-index:10} .links_block .one{left:0;top:56px;width:52px;height:211px;z-index:10} .links_block .two{left:54px;top:53px;width:65px;height:212px;z-index:10} .links_block .three{left:122px;top:65px;width:56px;height:205px;z-index:10} .links_block .four{left:180px;top:51px;width:65px;height:222px;z-index:10} .links_block .five{left:253px;top:26px;width:94px;height:252px;z-index:10} .links_block .six{left:370px;top:22px;width:92px;height:258px;z-index:10} .links_block .seven{left:370px;top:22px;width:92px;height:258px;z-index:10} .links_block .seven{left:467px;top:34px;width:56px;height:242px;z-index:10} .links_block .eight{left:524px;top:18px;width:63px;height:260px;z-index:10} .links_block .nine{left:588px;top:29px;width:55px;height:245px;z-index:10} .links_block .ten{left:646px;top:52px;width:69px;height:229px;z-index:10} .man2{float:left;margin:0px 68px 0 58px} .result_info{float:left;width:615px; font-size:15px;} .result_info h1{background:none;padding:0;font-size:24px;color:#dd2a2a;margin:10px 0 3px 0} .graphik{font-size:18px;color:#9d9d9d;position:relative;margin:0 0 19px 0} .graphik:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .graphik span{float:left} /*.graphik p{float:right;margin:6px 3px 0 0;padding:0;width:448px;height:16px;}*/ .left{width:3px;height:20px;background: url(/images/bgr/left.png) no-repeat left top;right:451px;top:4px;position:absolute} .right{width:3px;height:20px;background: url(/images/bgr/right.png) no-repeat left top;right:0px;top:4px;position:absolute} .question{font-size:18px;line-height:1.3;border-bottom:1px solid #5d5e5e;padding:0 0 23px 0;margin:0 0 26px 0} .question b{font-weight:normal;color:#dd2a2a} .list_help{float:right;width:609px;padding:0 0 0 10px;margin:-14px 0 0 0} .list_help p{font-size:12px} .list_help h2, .olympiade_content h2{height:51px;background: url(/images/bgr/h2.png) no-repeat left top;font-size:18px;color:#fff;margin:14px 0 0 -10px;padding:14px 0 0 10px} .questions{margin-bottom:20px} .questions dt{font:bold 18px arial;color:#5d5e5el;margin:0 0 3px 0} .questions dd{font-size:12px} .mark{color:#b09206;padding-top:3px} .mark img{position:relative;top:4px;margin-right:3px;cursor:pointer} .list_help .more{font:bold 18px arial} .list_help .more a{font-weight:bold} .catalog_help{float:right;width:297px;} .catalog_help h2{background: url(/images/bgr/h3_need.png) no-repeat left top;height:37px;font-size:18px;color:#5d5e5e;padding:14px 0 0 10px;overflow:hidden;margin:0 0 18px 0} .catalog_help li{padding:0 0 0 14px;background: url(/images/bgr/li.png) no-repeat left 4px;margin:0 0 5px 0} .catalog_help li a{font:bold 14px arial;color:#5d5e5e} .catalog_help ul{margin:3px 0 0 15px} .result_info p{padding-top:0} .result_info p.alert{color:#dd2a2a;padding:0 0 20px 0;line-height:1.1; font-weight:bold;} .articles dt{float:left;margin:0 10px 0 0;width:295px} .articles img{border:1px solid #000} .articles dt b{font-size:18px;} .articles dt div{font-size:14px;font-weight:bold} .articles p{padding:0 0 20px 0} .articles dd{overflow:hidden;position:relative;top:-5px; padding-left:10px} .articles dd a{font:bold 12px arial} .result_table td{font-size:15px} .result_table .first{width:140px;padding:3px 0 4px 11px} .result_table .second{width:215px;padding:3px 0 4px 11px} .even {background:#f7f7f7;} .person{padding:25px 0 0 0;} .person{margin:0 0 0 -25px} .person li{float:left;width:457px;margin:0px 0px 20px 25px} .person li.clearing{float:none;margin:0;padding:0px} .person a{font:bold 18px arial;} .news_preview h2{font:bold 18px arial;color:#0398d7;} .person p{padding-top:0px} .person dt {float:left;margin:0 8px 0 0; width:110px; height:110px;} .person dd{overflow:hidden;position:relative;top:-5px; padding-left:10px} .person dt img{border:1px solid #000} /*=SIDEBAR*/ /*=FOOTER*/ #footer { bottom:0px;clear:both;width:100%;height:107px;background: url(/images/bgr/footer.png) no-repeat left top;} /*.statistic{background: url(/images/bgr/statistic.png) no-repeat left top;padding:0 0 0 121px;margin:5px 0 0 6px}*/ .statistic:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .statistic {float:left;margin:4px 13px 0 0px;font-size:12px;padding:3px 0 0px 0} .tools{position:absolute;right:9px;top:5px} .tools li{margin-left:6px;float:left} .bottom_menu{margin:12px 0 0 21px; float:right; color:#d2d2d2} .bottom_menu li{float:left;margin-right:26px;font-size:12px; padding-top:10px} .bottom_menu a{color:#0398da;} .bottom_menu a:hover{color:#c5a103;} .copyright{float:left; padding:12px 0px 0px 20px} /*form*/ .field {clear:both;padding:0;margin:0 0 20px;padding:0 0 0 215px;} .field:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;} .field dt {position:relative;left:-215px;float:left;width:200px;text-align:right;margin:0 -200px 0 0;} .field dt label {margin:0;} .field dd {float:left;} label {margin:0 0px 0 0; color:#E5BE1A} select{border:solid 1px #A5ACB2;width:248px;} textarea {width:248px;height:100px;border:solid 1px #A5ACB2;} .registration_form_additional_links {clear:both} .registration_form label , .registration_form .input_wraper{float:left} .registration_form .input_wraper{padding-right:20px} .input_text {width:200px;height:1.5em;border:solid 1px #A5ACB2;} .registration_form { float:right; padding: 10px 10px 0px 0px} .registration_form a{margin:0 0 0 0px;position:relative;top:-2px} .registration_form input[type="text"] {width:106px;height:1.5em;border:none;background: url(/images/bgr/input_new.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .registration_form input[type="password"] {width:106px;height:1.5em;border:none;background: url(/images/bgr/input_new.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .registration_form .input_text {width:106px;height:1.5em;border:none;background: url(/images/bgr/input.jpg) no-repeat left top;padding:2px 5px;margin:0 0 3px 0} .enter{ width:auto; height:auto; background:none; padding:0px; margin-top:-2px;} .registration_form .orange {color:#D9B60F} .form_registration table {margin-left:170px; padding:0px;} .form_registration {padding:0 0 0 10px;font-size:12px;margin:0 0 0 0;} .form_registration label{font:18px arial;color:#303030} .registration{margin:4px 0 0 0px} .form_registration dt{float:left;width:181px;text-align:right;margin:0 6px 0 0} input {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2.png) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .input_text_error , .form_registration .input_text_error {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2_red.jpg) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .input_text {width:150px;height:1.5em;border:none;background: url(/images/bgr/input2.png) no-repeat left top;padding:2px 5px;margin:2px 0 3px 0} .captcha{padding-top:10px} . #faq_textarea .input_text_error {background:none; border: 1px solid #E3A1A2; width:248px} .poll_form{font-size:12px;color:#303030} .poll_form p{font-size:18px;color:#5d5e5e} .next{margin:28px 0 0 0;height:39px} .top_data p {padding:0px 0px 0px 0px} .top_data { margin-left:60px} #g_obj {padding:15px;text-align:center;font-size:20px; margin:0px;} .button {background:url(../images/button/button_bg.jpg); border:1px solid #dbdada; height:36px; font-size:16px; font-weight:bold; color:#303030; width:auto; height:auto; padding:0} .top-left-block{float:left; padding-right:20px; border-right:1px solid #000} .top-right-block{float:left; padding-left:20px} #mask { background:#667788 url(http://flowplayer.org/tools/img/expose/mask_gradient_1000.png) no-repeat scroll 500px -300px; left:50%; position:absolute; } input[type="radio"] {width: auto; background: none} .rate_test_selector {padding: 0px 0px 20px 5px;font-size:15px;} .rate_test_selector select {width:170px;} td.input_bold {color:black;weigth;} .reg_mes_font {font-size:15px;} .main_menu a { color:#fff; font-family:arial; font-weight:bold; font-size:13px; text-decoration:none; width:200px} #makeMeScrollable div.scrollableArea * { position: relative; float: left; margin: 0; padding: 0; } /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; /* There is a big background image and it's used to solve some problems I experienced with Internet Explorer 6. */ background-image: url(../images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; left: 0; /* When positioning the mouse over one of the hot spots, the cursor should change. I've noticed that this varies from browser to browser though. */ cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background-image: url(../images/arrow_left.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; /* Standard CSS3 opacity setting */ -moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */ filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */ zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background-image: url(../images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; right: 0; cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background-image: url(../images/arrow_right.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } #left-figures-wraper{ height:280px; padding-top:10px; width:265px; float:left; } #right-figures-controll { height:300px; width:480px; padding-top:10px; overflow:hidden; float:left; margin-left:30px; } #right-figures-wraper { } #right-controll, #left-controll { float:left; padding-top:80px } #right-figures { width:600px; } #left-figures li , #right-figures li {float:left} #figure-school { } #figure-senior { } #figure-collegestudent { } #left-figures li span{ } #left-figures img{ position:relative } #figure-school { padding-top:70px; margin-left:-0px} #figure-senior { padding-top:30px; margin-left:-10px} #figure-college { padding-top:30px; margin-left:-5px} #figure-student { padding-top:20px; margin-left:-8px} #figure-professor{ padding-top:5px; margin-left:-5px} #figure-actress { padding-top:20px; margin-left:-40px} #figure-dancer { padding-top:20px; margin-left:-10px} #figure-financist { padding-top:10px; margin-left:-20px} #figure-journalist { padding-top:10px; margin-left:-20px} #figure-programmer { padding-top:15px; margin-left:-20px} #figure-secretary { padding-top:0px; margin-left:-20px} #figure-racer { padding-top:0px; margin-left:-20px} #figure-programmer { padding-top:10px; margin-left:-30px} #figure-boss { padding-top:10px; margin-left:-35px} #figure-blond { padding-top:10px; margin-left:-27px; z-index:10} #figure-business-wooman { padding-top:25px; margin-left:0px} .tablesorter th {cursor:pointer} .bottom_logos {text-align:center; border-bottom:1px solid #FDF3BA; clear:both} .title_block {display:none} span.small_date {font-size:12px; color:#555} .medal_section_header{border-top:1px solid #E5BE1A; clear:both; overflow:hidden} .medal_section { clear:both; margin: 10px 0px 10px 0px; padding: 10px 0px 0px 0px; overflow:hidden} .medal_section h2{margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; padding-left:20px} .sertificate_list li {width:50%; float:left; text-align:left; padding-top:10px} .sertificate_list img { float:left; margin-right:20px} .medal_code_header {margin-top:15px} .thanks_for_querstion { font-family:arial; font-size:18px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:17px 0 3px; text-align:center; float:right; width: 640px; } #sidebar{float:left} .tablesorter th {cursor:pointer} .bottom_logos {text-align:center; border-bottom:1px solid #FDF3BA; clear:both} .bottom_logos img{padding:0px 20px 0px 20px} .title_block {display:none} .round_corner_box a { font:14px "Times New Roman";color:#303030;font-style:italic; } .round_corner_box { background: #FDF3BA; width:160px;text-align:left;float:right;margin-top:10px; background:#FDF3BA } .round_corner_box .stracher {height:250px} .boxtop { background: url(../images/round_corners/ne.gif) no-repeat top right; } .boxtop div { font-size: 0; height: 10px; background: url(../images/round_corners/nw.gif) no-repeat top left; } .boxbottom { background: url(../images/round_corners/se.gif) no-repeat bottom right; } .boxbottom div { font-size: 0; height: 10px; background: url(../images/round_corners/sw.gif) no-repeat bottom left; } .boxcontent { padding: 0px 10px 0px 10px; } .round_corner_box_inverse { width :130px; height:130px; background:url(../images/round_corners/interview_photo_bg.png); text-align:left; } .round_corner_box_inverse img { position:relative; top:12px; left:12px;} a.active_link {font-weight:bold; color:#E4BC12} .user_message {text-align:center; font-size:20px; color: #303030} .interviwer_info {font-weight:bold; color:#E5BE1A} .user_name_header{padding-left:0px; color:#E5BE1A} .medals_header {text-transform:uppercase} .medals_yoursite_text {font-size:16px; padding-left:20px; color:#777; color:#303030} .user_info_table {margin-left:20px} td.field_name{text-align:right; padding-right:10px} td.field_value{color:#E5BE1A} #authorization_form_top {} #authorization_form_top label{color:#000} #wraper {height:auto; overflow:hidden} .pager_link{font-weight:normal; cursor:pointer} .pager_link_bold {font-weight:bold; font-size:18px} tr.even td{background:#efefef;} tr.odd td{background:#F7F7F7 ;} /*стили для тестов*/ .example { border: 0px solid black; margin:0 0 0 20px; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } .texample { border: 0px solid black; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } .code { border: 0px solid black; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } pre { border: 0px solid black; margin:0px; padding:0px; } .me_and_math {margin-left:15px} .pager_link, .pager_link_previous, .pager_link_next{font-weight:normal; cursor:pointer} .pager_link_bold {font-weight:bold; font-size:18px} #news_marquee {width:10000px; position:relative;} #news_marquee li {float: left; padding:0px 10px 0px 10px; width:500px ; text-align:center} .news_marquee_holder {border:0px solid #ff0000; width:520px; height:20px; overflow:hidden; position: relative} #next_news, #prev_news , .news_marquee_holder{float:left; display:block; border: 0px solid #ff0000} #next_news, #prev_news {width:20px; height:20px; font-size:18px; font-weight:bold ; cursor:pointer; color:#777} .news_ticker {padding:0px 0px 0px 0px; margin: -3px 0px 0px 0px ;border:0px solid #ff0000; height:20px; text-align:center; margin:auto; width:570px;} .news_ticker_bgr {background: url(/images/bgr/news_bg.jpg) no-repeat left 1px; padding-bottom: 11px} .news_ticker a{ color :#000000} .news_ticker p{ padding:3px 0px 0px 0px} .news_image {float:left; padding: 5px 10px 10px 0px} div.news_date { margin-left:10px; font-weight:bold} .anonses_date, div.news_date {color:#E4BA0D; font-weight:normal } /*стили для тестов*/ .example { border: 0px solid black; margin:0 0 0 20px; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } .texample { border: 0px solid black; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } .code { border: 0px solid black; padding:0px; font-family:monospace; color:#DD2A2A; font-size:16px; } pre { border: 0px solid black; margin:0px; padding:0px; } .me_and_math {margin-left:15px} .pager_link, .pager_link_previous, .pager_link_next{font-weight:normal; cursor:pointer} .pager_link_bold {font-weight:bold; font-size:18px} .rate_pager {text-align:center} .rate_pager a{color:#000; text-decoration:none} #rate_table_20 th a{text-decoration:none; color:#fff} #rate_table_21 th a{text-decoration:none; color:#616161} .all_user_information {margin:auto; width:300px; border:1px solid #ff0000} .premiarrunet {margin:12px 0 0 640px; bopder:0px; padding:0px; display:none} .bottom_box {clear:both} .bottom_box div{float:left; } .bottom_box .left_banner_block {width:240px; } .bottom_box .center_plaer_block {width:497px; margin-left:10px} .bottom_box .right_zadachi_block {width:420px; margin-left:12px} .bottom_block {width:938px; height:66px; background:url(/images/bgr/bottom.jpg)} .hr {border-bottom:1px solid #f9de4f; height:1px; width:100%; position:relative; top:-20px; left:0px;} .itask {margin:0px 10px 10px 0px; padding-bottom:10px; border-bottom:1px solid #ccc;} .itask a {font-weight:900; color:#0397d5;} .itask a:hover {color:#c2a000;} .itask p {margin-top:3px;} .itask p a {color:#666; text-decoration:none; font-weight:300; display:block; line-height:1.1;} .itask p a:hover {color:#000; text-decoration:underline;} .all_tasks {position:relative; background:#fff; top:-11px; left:0px; width:100%;} .all_tasks a {margin-left:0px;} .olympiade_content {float:left; width:735px; padding-left:20px} .olympiade_content p{margin-bottom:20px} .olympiade_content ul {margin-bottom:20px; padding-left:0px; } .olympiade_content ol {margin-bottom:20px; padding-left:0px; } .olympiade_content ul li{margin-left:20px; padding-left:0px; list-style-type:disc} .olympiade_content ul li{ list-style-type:disc} .olympiade_content ol li{margin-left:20px; padding-left:0px; } ul.olympiade_menu li{ list-style-type:none} #newyear {font-weight:normal; margin-bottom:10px; text-align:right; font-size:11px} .quote {border: 2px dotted #f4d52c; padding:10px; margin-bottom:5px; background:#fdf2ba} .quote img{float:left; margin:0px 10px 10px 0px} .olimpic .olimp_header {background: url(/images/bgr/h3_need_short.jpg) no-repeat left top; width:183px} .olimpic h2{height:37px; font-size:18px;color:#5d5e5e;padding:14px 0 0 10px;overflow:hidden;margin:0 0 18px 0} .olimpic{float:right;width:297px;} .olimpic li{padding:0 0 0 14px;background: url(/images/bgr/li.png) no-repeat left 4px;margin:0 0 5px 0} .olimpic li a{font:bold 14px arial;color:#5d5e5e} .olimpic ul{margin:3px 0 0 15px} .olimpic {float:left; width:183px} .olympiade_content h2{ margin-top:0px; background: url(/images/bgr/h2_long.jpg) no-repeat left top;} .olympiade_content em {color:#4f81bd; font-size:14px; font-weight:bold} .olympiade_content ol li {margin-bottom:10px} .olympiade_content ol ol {margin-top:10px} .olympiade_content ol ol li {list-style-type:lower-alpha} .fat_blue_header { color:#0398D7; font-family:"arial"; font-size:18px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; text-decoration:underline;} .back_counter_date {color:#F31B30; padding-left:10px} .back_counter_line {font-size:13px} .olympic_date td{ padding:7px; border:1px solid #E4E3E3} .olympic_date thead td{ font-weight:bold; background:#8BCBE7; color:#fff} .companys_table td{padding:10px} .companys_table .company_name{font-weight:bold} .companys_table img {} .sign_up {font-weight:bold; font-size:18px; margin-top:15px;} .test_list_2 {border-top: 3px solid #e8ce3b; } #olympic_menu {position: absolute; top:68px; left:50%; margin-left:-220px; width:222px; display:none; z-index:1000;} #olympic_menu .corner_top_left {background:url(/images/menu_corners/left_top.png) left top no-repeat; width:10px; height:10px; float:left} #olympic_menu .corner_top_right {background:url(/images/menu_corners/right_top.png) right top no-repeat; width:10px; height:10px; float:right} #olympic_menu .corner_bottom_right {background:url(/images/menu_corners/right_bottom.png) right bottom no-repeat; width:10px; height:10px; float:right} #olympic_menu .corner_bottom_left {background:url(/images/menu_corners/left_bottom.png) left bottom no-repeat; width:10px; height:10px; float:left} #olympic_menu .middle_row{background:#fbe462;} #olympic_menu .top_row {background: url(/images/menu_corners/top.png); height:10px; width:222px; font-size:1px} #olympic_menu .bottom_row {background: url(/images/menu_corners/bottom.png); height:12px; width:222px; font-size:1px}} #olympic_menu ul {padding: 0px 10px 0px 10px} #olympic_menu ul a{height:23px; display:block; color:#434142; text-decoration:none; padding-left:20px; border-bottom: 1px solid #e8ce3b; background:url(/images/tests_menu_arrow.gif) no-repeat 190px 10px} #olympic_menu ul a:hover{color:#434142; text-decoration:underline; color#020100; background:#feef9c url(/images/tests_menu_arrow_hover.gif) no-repeat 190px 10px;}