/* info -------------------------------------------------------- Start: 16.09.2009. Name: Pametna kuna - www.pametnakuna.hr Author: BozooArt, www.bozooart.com */ /* Colors ----------------------------------------------- #78aadf = sky blue (link) #606470 = grey (text) #edf7ff = turqouise #f7f7f7 = light grey (table background) #f57e20 = orange ----------------------------------------------- */ /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } input, textarea, select { font: 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #494e58; } img { margin: 0; padding: 0; } select { font: 1.1em Tahoma, arial, helvetica, sans-serif; color: #494e58; } /* General ----------------------------------------------- */ body { font: 62.5%/1.4 Arial, Helvetica, sans-serif; background: #fdfdfd url(img/header_bg.gif) repeat-x; } a { text-decoration: none; } a:hover { border: none; } *:focus { outline: none; } blockquote { margin: 0 0 30px 50px; } .clr { clear: both; } .left { float: left; } .center { text-align: center; } .hide { display: none; } .select { border: 1px solid #97bede; padding: 2px; color: #494e58; font: 1.1em arial, sans-serif; } .select.standard { width: 200px; } .select.valute { width: 90px; } .stylized_textarea { border: none; width: 606px; height: 103px; background: url(img/textarea.gif) no-repeat; border: 1px solid #d2d3d4; padding: 3px 0 0 10px; font: 1.45em Arial, Helvetica, sans-serif; } .input_text:focus, select:focus { border: 1px solid #3B80D3; } #container { width: 1006px; margin: 0 auto; color: #606470; } h1#logo a { display: block; width: 248px; height: 100px; background: url(img/logo.gif) no-repeat; text-indent: -9999em; } #header { padding: 0 10px; } #header_banner { clear: both; width: 728px; height: 90px; padding: 5px; background: #7facd8; } #main_holder { float: left; margin-bottom: 7px; } #main_holder span { margin-top: 2px; display: block; color: #fff; font-size: 1.4em; padding: 2px 1px; width: 230px; } #header_side { width: 737px; float: left; padding: 0;} #nav_wrap { clear: both; padding: 0 10px; padding-bottom: 20px; } #nav { margin-left: 1px; } #nav li { float: left; display: inline; background: #b0dbff url(img/nav_separator.gif) no-repeat; padding-left: 1px; } #nav li a { background: #b0dbff; display: block; font-size: 1.4em; font-weight: bold; color: #5a5a5a; padding: 7px 0 4px; text-align: center; height: 20px } #nav li.first_child { padding: 0; } #nav li.first_child a { padding: 0; text-indent: -9999em; width: 41px; background: #b0dbff url(img/home_link.gif) no-repeat center 7px; height: 31px; } #nav li.first_child a:hover { background: #fff url(img/home_link.gif) no-repeat center -25px; } #nav li.kod-kuce a { width: 87px; } #nav li.na-poslu a { width: 82px; } #nav li.nekretnine a { width: 99px; } #nav li.vozila a { width: 80px; } #nav li.porez a { width: 63px; } #nav li.investicije a { width: 95px; } #nav li.osiguranja a { width: 98px; } #nav li.vasi-clanci a { width: 102px; background: #cddbe7 } #nav li.pitanja-odgovori a { width: 154px; background: #cddbe7 } #nav li.forum a { width: 74px; background: #cddbe7 } #nav li.active a { background: #9dc3e3 url(img/site_icons.png) no-repeat center -270px; } #nav li.active a:hover { background: #fff url(img/site_icons.png) no-repeat center -270px; } #nav li a:hover { background: #fff; } #nav li ul { z-index: 99; margin-left: -1px; display: none; border: 1px solid #cddbe7; list-style-type: none; position: absolute; background: #fff; padding: 0; padding: 3px 0; } #nav li li { margin: 0 10px; font-weight: bold; background: none; display: block; } #nav li li a { display: block; text-align: left; margin: 0; text-indent: 0; color: #494e58; font-size: 1.2em; text-decoration: none; background: none !important; } #nav li li a:hover { text-decoration: underline; } #nav li.kod-kuce ul { width: 96px; } #nav li.na-poslu ul { width: 108px; } #nav li.nekretnine ul { width: 150px; } #nav li.vozila ul { width: 150px; } #nav li.porez ul { width: 110px; } #nav li.investicije ul { width: 95px; } #nav li.osiguranja ul { width: 98px; } #nav li:hover ul { display: block; } #nav li:hover a { background: #fff; } #nav li.over ul { display: block; } #nav li.over a { background: #fff; } #content_wrap { clear: both; background: #fdfdfd url(img/content_bg.gif) no-repeat 0 1px; padding: 10px 20px; } #main_news { margin-bottom: 25px; height: 171px; overflow: hidden;} #main_news h1 { font-size: 1.7em; line-height: 1.2em; margin-bottom: 17px; font-weight: bold; } #main_news h1 a { color: #606470; } #main_news h1 a:hover { color: #78aadf; text-decoration: underline; } .text_holder { float: left; width: 300px; margin-right: 10px; font-size: 1.4em; } .img_holder { padding: 5px; background: #dedede; width: 290px; height: 160px; float: left; } .news_row { clear: both; padding: 0; padding-bottom: 25px; } .news_box { width: 298px; float: left; padding-right: 10px } .news_box .lead { font-size: 1.2em; } .news_box h2 { font-size: 2.3em; line-height: 1.2em; margin-bottom: 10px; font-weight: bold; height: 55px; } .news_box h2 a { color: #606470; } .news_box h2 a:hover { color: #78aadf; text-decoration: underline; } .lead_img { display: block; float: left; width: 113px; height: 63px; padding: 5px; background: #dedede; margin: 4px 10px 0 0; } #latest-popular { clear: both; } .top_five { float: left; width: 300px; margin-bottom: 25px } .top_five.first { margin-right: 15px; } .top_five h3 { font: 1.6em Georgia, Times, serif; color: #b6b6b6; font-weight: bold; } .top_five ul { margin-top: 10px; font-size: 1.2em; } .top_five ul li { padding: 5px 0 5px 15px; background: url(img/site_icons.png) no-repeat 3px -229px; border-bottom: 1px dashed #dae4ed; } .top_five ul li a { color: #5e666f; } .top_five ul li a:hover { color: #5f93c6; text-decoration: underline; } #latest_posts.top_five { margin-right: 15px; } #footer { clear: both; background: #79addf url(img/footer_bg.gif) repeat-x; } #footer_bottom { background: url(img/footer_bottom.gif) repeat-x; height: 21px; } #footer_sizer { margin: 0 auto; width: 983px; padding-top: 5px; } ul#sitemap { margin-bottom: 5px } ul#sitemap li { display: inline; font-size: 1.8em; font-weight: bold; color: #fff; width: 121px; float: left; padding: 10px 20px 0 0; } ul#sitemap li.first_child { width:60px; text-indent: -9999em; background: url(img/footer_separator.gif) repeat-y right 0; padding: 0; height: 48px; margin-right: 20px} ul#sitemap li.first_child a { background: url(img/footer_home.gif) no-repeat center 0; display: block; width: 60px; height: 21px; margin-top: 10px } ul#sitemap li a { color: #fff; } ul#sitemap ul { margin-top: 10px; } ul#sitemap li li { display: block !important; float: none; font-size: .6em; font-weight: normal; color: #323232; width: auto; padding: 0; margin-bottom: 3px; } ul#sitemap li li a { color: #323232; } ul#sitemap li li a:hover { text-decoration: underline; } ul#sitemap li.kod-kuce { width: 115px; } ul#sitemap li.na-poslu { width: 112px; } ul#sitemap li.nekretnine { width: 127px; } ul#sitemap li.pokretnine { width: 126px; } ul#sitemap li.porez { width: 86px; } ul#sitemap li.investicije { width: 113px; } ul#sitemap li.osiguranja { padding-right: 0; width: 100px;} #social_links { clear: both; margin: 10px 0 0 18px; padding: 12px 0 0; background: url(img/2_footer_line.gif) repeat-x; height: 43px; } #social_links ul { background: url(img/2_footer_line.gif) repeat-x 0 bottom; padding-left: 10px; height: 43px; } #social_links li { display: inline; float: left; margin-left: 43px; } #social_links li.first_child { margin: 0; } #social_links li a { width: 28px; height: 31px; display: block; background: url(img/social_icons.gif) no-repeat; text-indent: -9999em; } #social_links li.bookmark a { background-position: 0 0; } #social_links li.facebook a { background-position: -70px 0; } #social_links li.delicious a { background-position: -140px 0; } #social_links li.digg a { background-position: -210px 0; } #social_links li.twitter a { background-position: -280px 0; } #social_links li.rss a { background-position: -350px 0; } #social_links li.stumbleupon a { background-position: -420px 0; } #site_info { clear: both; padding: 10px 0; height: 15px } #site_info ul { float: right; padding-top: 3px; width: 350px } #site_info ul li { float: right; display: inline; margin-left: 10px; text-transform: uppercase; border-right: 1px solid #141414; padding-right: 10px; font-size: .9em } #site_info ul li.first_child { border: none; } #site_info ul li a { color: #141414; } #site_info ul li a:hover { text-decoration: underline; } #site_info #copyright { float: left; color: #494e58; font-size: 1.1em; padding-left: 25px; width:250px; } h3.rnd_blue_title { margin: 25px 0 10px; font: 1.6em Georgia, Times, serif; color: #fff; background: url(img/services_title_left.gif) no-repeat; position: relative; font-weight: bold; } h3.rnd_blue_title span { padding: 4px 10px 10px; background: url(img/services_title_right.gif) no-repeat 100% 0; display: block; } #services { margin-bottom: 25px; } #services h3 { margin: 25px 0 10px; font: 1.6em Georgia, Times, serif; color: #fff; background: url(img/services_title_left.gif) no-repeat; position: relative; font-weight: bold; } #services h3 span { padding: 4px 10px 10px; background: url(img/services_title_right.gif) no-repeat 100% 0; display: block; } #services ul { width: 618px; height: 100px } #services li { float: left; display: inline; margin-left: 70px; font-size: 1.2em; } #services li.forum, #services li.newsletter { margin-left: 10px; } #services li a { display: block; color: #6b6b6b; background: url(img/blue_icons.gif) no-repeat; height: 38px; padding: 2px 0 0 35px; float: left; } #services li a:hover { color: #769abf; text-decoration: underline; } #services li.forum a { background-position: 0 0; } #services li.vasi_clanci a { background-position: 0 -40px; } #services li.pojmovnik a { background-position: 0 -80px; margin-top: 15px; margin-left: -10px; } #services li.pitanja-odgovori a { background-position: 0 -120px; } #services li.newsletter a{ background-position: 0 -160px; margin-top: 15px; margin-left: 90px; } #services li.alati a { background-position: 0 -200px; margin-left: -25px; } #services li.tagovi a { background-position: 0 -240px; margin-top: 15px } #services li.trazilica a { background-position: 0 -280px; margin-top: 15px; margin-left: -60px; } #main_content { float: left; width: 618px; margin-right: 25px; } #side_content { float: left; width: 320px; } #teasers { margin-bottom: 35px; } .teaser_box { height: 170px; float: left; width: 300px } .teaser_box h4 { display: block !important; font: 1.2em Georgia, Times, serif; font-weight: bold; padding: 0; margin: 0; width: 300px; background: url(img/teaser_bg.gif) no-repeat 100% 0; height: 40px; } .teaser_box h4 span { display: block; height: 34px; padding: 6px 0 0 10px; width: 290px; text-transform: uppercase; } .teaser_box h4 a { width: 140px; display: block; color: #fff; } .teaser_box .select { border: 1px solid #99bed9; } .teaser_box .field { margin: 6px 0 6px; height: 19px; } .teaser_box .field label { font-size: 1.1em; margin-right: 4px; } .teaser_box .field label strong { color: #669dd3; } .teaser_box .field .checkbox { margin-right: 2px; font-size: 1.1em; color: #669dd3; margin-right: 4px; } .teaser_box .field #subsciption_type_prepaid.checkbox { margin-left: 0px; } .teaser_box .field .input_text { padding: 2px; border: 1px solid #97bede; width: 129px; font-size: 1.1em; } .teaser_box .field.submit { margin: 9px 0 0 0; padding: 0; } .teaser_box .field .btn { border: none; text-align: left; background: none; color: #fff; font-weight: bold !important; font: 1.1em Georgia, Times New Roman, serif; margin-left: 206px; cursor: pointer; width: 87px; background: url(img/submit_arrow.gif) no-repeat 100% 3px; margin-top: 1px } #bestbuy.teaser_box .submit { margin: 0 0 0 0; padding: 0; } #bestbuy.teaser_box .submit a { font: 1.1em Georgia, Times New Roman, serif; display: block; color: #fff; margin: 1px 0 0 200px; cursor: pointer; width: 87px; background: url(img/submit_arrow.gif) no-repeat 100% 7px; padding-top: 5px } #compare.teaser_box h4 span { background: url(img/blue_title_icons.gif) no-repeat 98% -41px } #bestbuy.teaser_box h4 span { background: url(img/blue_title_icons.gif) no-repeat 95% 8px } #bestbuy.teaser_box { margin-left: 15px; } .teaser_box table { font-size: 1.1em; width: 300px; height: 105px } .teaser_box table thead th { font-weight: bold; color: #669dd3; padding: 3px 0; text-align: center; border-bottom: 1px solid #669dd3; } .teaser_box table td { text-align: center; border-bottom: 1px solid #d8d8d8; } .teaser_box table .item { text-align: left; } .teaser_box table .img { padding-top: 2px } #reg_teaser { margin-bottom: 25px; } #reg_teaser a.reg_btn { display: block; width: 318px; height: 47px; text-indent: -9999em; background: url(img/reg_teaser_btn_2.gif) no-repeat; } #reg_teaser dl { padding: 10px 20px; font-size: 1.2em; border: 1px solid #efefef; } #reg_teaser dl dt { margin-bottom: 10px; font-size: 1.2em; } #reg_teaser dl dd { background: url(img/blue_arrow.gif) no-repeat 0 5px; padding: 0 0 0 20px; margin-bottom: 3px; } /* tools */ #tools_side { margin-bottom: 25px; background: url(img/side_blue_top_r.gif) no-repeat right 0; } #tools_side h3 { display: block !important; font: 1.8em Georgia, Times, serif; height: 31px; color: #fff; padding-top: 6px; height: 31px; background: url(img/side_blue_top_l.gif) no-repeat 0 0; } #tools_side h3 span { height: 25px; padding: 0 0 0 10px; background: url(img/side_title_icons.gif) no-repeat right -27px; padding-right: 30px; } #tools_side h3 a { width: 140px; display: block; color: #fff; } #tools_side ul { margin-top: 0px; } #tools_side ul li { border-top: 1px solid #e4e4e4; padding: 8px 0 8px 8px; font-size: 1.6em; background: url(img/blue_icons.gif) no-repeat right 5px; } #tools_side ul li.first_child { border: none; } #tools_side ul li a { color: #78aadf; } #tools_side ul li a:hover { text-decoration: underline; } #tools_side ul li.usporedi { background-position: 97% -313px; } #tools_side ul li.tecajna_lista { background-position: 98% -352px; } #tools_side ul li.bestbuy { background-position: 97% -393px; } #tools_side ul li.kamate_banaka { background-position: 98% -435px; } /* side list */ #side_banner { padding: 10px; background: #e8edf0; width: 300px; height: 250px; margin-bottom: 25px; } .side_list { margin-bottom: 25px; } .side_list h3 { background: url(img/lb_top.gif) no-repeat 0 bottom; font: 1.5em Georgia, Times, serif; font-weight: bold; padding: 8px 10px 12px; color: #494e58; } .side_list ul li.forum { position: absolute; margin: -25px 0 0 266px; font-weight: bold; font: 1.0em Georgia, Times, serif; text-transform: uppercase; } .side_list ul li.forum a { color: #5b8cbd; } .side_list ul li.forum a:hover { color: #494e58; } .side_list ul li.last_posts .ghost { display: none; } .side_list ul li.last_posts { line-height: 0; } .side_list ul li.last_posts ul { padding: 0 11px; background: url(img/lb_bg.gif) repeat-y 0 0; } .side_list ul li.last_posts ul li { padding: 6px 14px; font-size: 11px; line-height: 1.2em; } .side_list ul li.last_posts ul li:hover { background-color: #f3f3f3; } .side_list ul li.last_posts ul li a { color: #606470; } .side_list ul li.last_posts ul li a:hover { text-decoration: underline; } .side_list ul li.last_posts ul li em { font-style: normal; } .side_list ul li.last_posts ul li .separator { color: #b3b3b3; margin: 0 5px; font-size: .8em } .side_list ul li.last_posts ul li .user_track { background: url(img/site_icons.png) no-repeat 0 -177px; padding-left: 15px } .side_list ul li.last_posts ul li .user_track a { color: #78aadf; } .side_list ul li.last_posts ul li .post_date { background: url(img/site_icons.png) no-repeat 0 -207px; padding-left: 15px } .side_list .more_lnk { margin: 0; } .side_list.banner .banner_content { height: 262px; background: red url(img/lb_bg.gif) repeat-y 0 0; padding: 0; } .side_list.banner .banner_content p { margin-left: 10px; } .side_list ul li.all { position: absolute; margin: -25px 0 0 258px; font-weight: bold; font: 1.0em Georgia, Times, serif; text-transform: uppercase; font-weight: bold; } .side_list ul li.all a { color: #5b8cbd; } .side_list ul li.all a:hover { text-decoration: underline; } .side_list ul li.ya_list { font-size: 1.1em; background: url(img/lb_bg.gif) repeat-y 0 0; } .side_list ul li.ya_list .ghost { display: none; } .side_list ul li.ya_list ul { padding: 0 10px; } .side_list ul li.ya_list ul li { font-size: 1.1em; padding: 10px 15px 0 15px; height: 45px; } .side_list ul li.ya_list ul li.first_child { border: none; } .side_list ul li.ya_list ul li a { color: #979798; } .side_list ul li.ya_list ul li a:hover { text-decoration: underline; color: #78aadf; } .side_list ul li a.member img { border: 1px solid #cddbe7; float: left; margin-right: 10px } .side_list ul li.ya_list li { clear: both; border-top: 1px solid #e4e4e4 } #discussion_side h3 span { background: url(img/site_icons.png) no-repeat right 2px; padding-right: 25px; } #your_articles_side h3 span { background: url(img/site_icons.png) no-repeat right -57px; padding-right: 25px; } #your_articles_side li:hover { background-color: #f3f3f3; } #links { margin-bottom: 25px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; height: 170px } #links h3 { font: 1.6em Georgia, Times, serif; color: #75a9dc; margin-top: 15px; font-weight: bold; } #links ul { margin-top: 10px; font-size: 1.2em; float: left; width: 300px } #links ul#col1 { width: 307px; } #links ul#col2 { margin-top: -13px; border-left: 1px dashed #c3c7cc; padding-left: 10px; } #links ul li { padding: 3px 0 3px 15px; background: url(img/site_icons.png) no-repeat 0 -229px; } #links ul li a { color: #5e666f; } #links ul li a:hover { color: #5f93c6; text-decoration: underline; } #services { clear: both; } #question_answer { margin-bottom: 25px; } #question_answer { background: url(img/lb-top-l.gif) no-repeat; clear: both; } #question_answer h3 { background: url(img/lb-top-r.gif) no-repeat right 0; height: 20px; padding: 5px 0 0 10px; font: 1.1em Georgia, Times, serif; font-weight: bold; text-transform: uppercase; color: #494e58; margin: 0; } #question_answer h3 span { background: url(img/site_icons.png) no-repeat right -30px; padding-right: 30px; letter-spacing: 0.2em; } #question_answer #qa_list { background: url(img/lb-bg-l.gif) repeat-y; } #question_answer ul { background: url(img/lb-bg-r.gif) repeat-y right 0; margin: 0; } #question_answer ul li { font-size: 1.1em; clear: both; line-height: 1.3em; margin: 0 10px; padding: 6px 10px; } #question_answer ul .question { display: block; width: 280px; float: left; font-weight: normal; margin-right: 15px; } #question_answer ul .anwser a, #question_answer ul .question a { color: #606470; } #question_answer ul .anwser { display: block; width: 280px; float: left; } #qa_list li { height: 30px; } #qa_list li:hover { background-color: #f3f3f3; } #question_answer ul a:hover { text-decoration: underline; color: #769abf; } #topic { margin-bottom: 30px; background: #edf7ff url(img/topic_bottom.gif) no-repeat 0 bottom; padding-bottom: 5px; clear: both; } #topic_wrap { background: #edf7ff url(img/topic_top.gif) no-repeat 0 0; padding: 15px 0 10px 0; height: 143px; position: relative; } #topic #head_topic { float: left; width: 285px; font-size: 1.2em; border-left: 1px solid #ececec; padding-left: 20px; position: absolute; } #topic #head_image { width: 87px; position: absolute; margin-top: -14px; border-right: 1px solid #ececec; right: 0; height: 168px } #topic #head_image img { height: 147px; width: 87px } #topic #head_image a { background: #fff; height: 171px; width: 87px; font: 1.1em Georgia, Times, serif; color: #77818b; display: block; text-align: center; } #topic #head_image a:hover { color: #5f93c6 } #topic #head_image strong { padding: 2px 10px 0 0; display: block; background: #fff url(img/site_icons.png) no-repeat 92% -86px; } #topic .headline { display: block; text-transform: uppercase; font-weight: normal; color: #000; margin: 0; } #topic #rnd_top_right { background: url(img/rnd_top_right.png) no-repeat right 0; width: 88px; height: 6px; position: absolute; margin-top: -1px; z-index: 13 } #topic #rnd_bottom_right { background: url(img/rnd_bottom_right.gif) no-repeat right 0; margin: -5px 0 0 0; width: 88px; height: 6px; position: absolute } #topic ul { float: left; width: 170px; border-left: 1px solid #d6e0e9; padding-left: 20px; font-size: 1.1em; padding-right: 10px; position: absolute; margin-left: 331px } #topic ul li { margin-bottom: 5px; background: url(img/site_icons.png) no-repeat 0 -507px; padding-left: 15px } #topic ul li a { color: #7f7f7f; } #topic ul li a:hover { color: #3d73c8; text-decoration: underline; } #topic h2.title { margin: 5px 0 } #topic h2.title a { color: #606470; font: 2.0em Georgia, Times, serif } #topic h2.title a:hover { color: #5f93c6; text-decoration: underline; } #topic_bottom { background: url(img/topic_bottom.gif) no-repeat; height: 5px; clear: both; } #reg_links { float: left; margin-top: 5px; } #reg_links li { float: left; display: inline; } #reg_links li a { display: block; background: url(img/reg_btns.gif) no-repeat; height: 21px; text-indent: -9999em; } #reg_links li a:hover { background: url(img/reg_btns_hover.gif) no-repeat; } #reg_links li.prijava a { width: 90px; margin-right: 4px } #reg_links li.odjava a { width: 90px; margin-right: 4px; background-position: 0 -42px; } #reg_links li.registracija a { width: 136px; background-position: 0 -21px; } #reg_links li.uredi-profil a { width: 136px; background-position: 0 -63px; } #search .input_text { border: 1px solid #2581e3; padding: 3px 10px 4px 10px; width: 175px; margin: -1px 0 16px 8px; } #search button { display: block; background: url(img/search_submit.gif) no-repeat -31px 0; border: 1px solid #7291b3; text-indent: -9999em; width: 27px; height: 22px; top: 104px; margin-left: 208px; position: absolute; cursor: pointer; } #search { margin-top: 5px; height: 10px; } #day_info { margin: 7px 0 0 0; font-size: 1.1em; padding-top: 1px; width: 274px; color: #fff; float: left; } #day_info a { color: #fff; text-decoration: underline; } #day_info a:hover { text-decoration: none } /* tags */ #tags, #tags_side { margin-bottom: 25px; } #tags_side h3 { background: url(img/blue_title_bg.gif) no-repeat; padding: 6px 0 10px 10px; color: #fff; font: 1.8em Georgia, Times, serif; height: 15px; } #tags_side ul { padding: 10px 0; } #tags_side ul li { display: inline; } #tags a, #tags_side ul li a { color: #6296c9; margin-right: 10px; line-height: 1.1em; } #tags a:hover, #tags_side ul a:hover { text-decoration: underline; margin-right: 10px; } a.tag_1 { font-size: 1.2em; } a.tag_2 { font-size: 1.6em; } a.tag_3 { font-size: 2em; } a.tag_4 { font-size: 2.5em; } a.tag_5 { font-size: 3em; } a.tag_6 { font-size: 4em; } #tags.bottom_page { padding-top: 20px } /* related */ .related_wrap { margin-bottom: 25px; background: url(img/thin_rnd_top_gray.gif) no-repeat; padding-top: 5px } .related { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; } .related h3 { font-weight: bold; font: 1.6em Georgia, Times, serif; color: #75a9dc; padding: 10px 0 5px 10px; font-weight: bold; } .related ul { padding: 5px 5px 15px 15px } .related li { font-size: 1.2em; padding: 3px 0 3px 15px; background: url(img/site_icons.png) no-repeat 0 -231px; } .related li a { color: #7f7f7f; } .related li a:hover { text-decoration: underline; color: #75a9dc; } .related.orange h3, .related.orange li a:hover { color: #f57e20; } #related { border-bottom: 2px solid #ebebeb; margin-bottom: 25px; clear: both; } #related .top_five ul { margin-bottom: 0; padding-bottom: 0; } #related h3 { color: #000; font-weight: bold; } #related li { border-top: 1px dashed #dae4ed; border-bottom: none; } #related li.first_child { border: none; ;} #related li a { display: block; } #related li.your_articles a { background: url(img/site_icons.png) no-repeat 99% -58px; } #related li.forum a { background: url(img/site_icons.png) no-repeat 99% 2px; } #related li.qa a { background: url(img/site_icons.png) no-repeat 99% -28px; } #related .sec_col { padding-top: 20px; } /*article */ #article_content { font-size: 1.4em; } #article_content h1 { font-size: 1.8em; } #article_content .author { display: block; padding: 10px 0; font-size: .75em; border-bottom: 1px solid #cddbe7; margin-bottom: 20px; } #article_info { float: right; margin-left: 20px; font-size: .75em; position: relative; z-index: 2; } .text p { margin-bottom: 15px; } .text h2 { font-size: 1.2em; font-weight: bold } #thin_skyscraper { padding: 20px 0 0 15px; float:right;clear:right;display:none; } #thin_pusher { float:right;clear:right; } #article_links { border-top: 1px solid #cddbe7; border-bottom: 1px solid #cddbe7; padding: 5px 0 5px 18px; clear: both; margin-bottom: 25px; margin-top: 25px; } #article_links ul { padding: 6px 0; float: left; } #article_links li { display: inline; float: left; } #article_links li a { width: 15px; height: 16px; display: block; text-indent: -9999em; background: url(img/article_icons.gif) no-repeat 0 0; margin-right: 30px } #article_links li.bookmark a { background-position: 0 0; } #article_links li.facebook a { background-position: -44px 0; } #article_links li.delicious a { background-position: -88px 0; } #article_links li.digg a { background-position: -131px 0; } #article_links li.twitter a { background-position: -175px 0; } #article_links li.stumbleupon a { background-position: -219px 0; margin-right: 20px; } #article_links .options { border-left: 1px solid #cddbe7; float: left; width: 335px; position: relative; } #article_links li.send a { width: 16px; height: 13px; background-position: -263px 0; } #article_links li.print a { width: 16px; height: 16px; background-position: -309px 0; margin: 2px 15px 0 20px; } #article_links li.send_question a { color: #f57e20; text-indent: 0; width: auto; position: absolute; right: 0; margin-right: 9px; text-align: right; font: 1.4em Georgia, Times, serif; padding-right: 30px; background: url(img/site_icons.png) no-repeat right -327px; } #article_links li.send_question a:hover { text-decoration: underline; } #article_info .rate { background: url(img/rate.gif) no-repeat 0 100%; width: 95px; text-align: center; padding-top: 25px; margin-top: 20px } #article_info .rate strong { font: 1.4em Georgia, Times, serif; display: block; } #article_info .rate .number { font: 2.2em Georgia, Times, serif; color: #aeaeae; font-weight: bold; line-height: 1em;} #article_info .rate ul li a { background: url(img/rate.gif) no-repeat 0 100%; display: block; width: 75px; margin: 29px 0 0 0; height: 17px; color: #8e8e8e; text-transform: uppercase; font-weight: bold; font: 1em Georgia, Times, serif; padding: 4px 18px 0 0; } #article_info .rate ul li a:hover { color: #78aadf } .your_articles #article_info .rate { background: url(img/rate.gif) no-repeat right 0; } /* comment */ #comment_wrap .title { background: url(img/title_rnd_gray_l.gif) no-repeat; font: 1.6em Georgia, Times, serif; font-weight: bold; margin-bottom: 10px; } #comment_wrap .title h3 { font-weight: bold; background: url(img/title_rnd_gray_r.gif) no-repeat right 0; height: 25px; padding: 7px 0 0 10px; } #comment_wrap .title h3 span { font-style: normal; background:url(img/site_icons.png) no-repeat right 2px; padding-right: 27px; } #comments { margin-bottom: 25px; background: url(img/lb_top_l.gif) no-repeat 0 0; } #comments h3 { font: 1.5em Georgia, Times, serif; font-weight: bold; padding: 8px 10px 12px; color: #494e58; background: url(img/lb_top_r.gif) no-repeat right 0; } #comments h3 span { background:url(img/site_icons.png) no-repeat right 2px; padding-right: 27px} #comments ul { background: url(img/lb-bg-l.gif) repeat-y 0 0; font-size: 1.1em; padding: 10px 0 1px; position: relative; line-height: 1.2em } #comments ul li.forum {font-weight: bold; font: 1.0em Georgia, Times, serif; text-transform: uppercase; text-align: right; margin-right: 20px; position: absolute; right: 0; top: -24px; } #comments ul li.forum a { color: #5b8cbd; } #comments ul li.forum a:hover { text-decoration: underline; } #input_comment_form { margin-bottom: 35px; } #comment_content { background: url(img/lb-bg-r.gif) repeat-y right 0; } #comments ul li.comment_list { font-size: 1.1em; } #comments ul li.comment_list .ghost { display: none; } #comments ul li.comment_list ul { padding: 0 25px; } #comments ul li.comment_list ul li { margin-bottom: 13px } #comments ul li.comment_list ul li a { color: #78aadf; } #comments ul li.comment_list ul li a:hover { text-decoration: underline; } #comments ul li.comment_list ul li em { font-style: normal; } #comments ul li.comment_list ul li .separator { color: #b3b3b3; margin: 0 5px; font-size: .8em } #comments ul li.comment_list ul li .user_track { background: url(img/small_comment_icon.gif) no-repeat 0 3px; padding-left: 15px } #comments ul li.comment_list ul li .comment_date { background: url(img/small_time_icon.gif) no-repeat 0 3px; padding-left: 15px } #comments .user_track { background: url(img/site_icons.png) no-repeat 0 -177px; padding-left: 15px; border-bottom: 1px solid #d6e2eb; padding-bottom: 5px; font-size: .8em; } #comments .join-in { background: url(img/lb-bottom-l.gif) no-repeat 0 bottom; height: 39px; position: relative; font: 1.1em Georgia, Times, serif; } #comments .join-in a { color: #77818b; background: url(img/lb-bottom-r.gif) no-repeat right 0; height: 19px; display: block; padding: 20px 20px 0 10px; position: absolute; right: 0 } #comments .join-in a:hover { text-decoration: underline } #comments .join-in a strong { background: url(img/arrow_orange.png) no-repeat right 3px; padding-right: 20px; display: block; } #breadcrumbs { border-bottom: 1px solid #e3e3e3; padding-bottom: 5px; margin-bottom: 10px; font-size: 1.2em; color: #77818b; } #breadcrumbs a { color: #77818b; } #breadcrumbs a:hover { text-decoration: underline; color: #78aadf; } #breadcrumbs strong { color: #6a9dce; } #breadcrumbs span { margin: 0 5px; } .top_five { margin-bottom: 25px} .cat_row { clear: both; } #categories h3 { color: #000; font-weight: bold; } #categories h3 a { color: #000; } #categories h3 a:hover { color: #78aadf; text-decoration: underline; } #popular-dyk { border-bottom: 2px solid #ebebeb; margin-bottom: 25px; clear: both; } #popular-dyk h3 { font-weight: bold; color: #75a9dc; } #popular-dyk #popular { border: none; border-right: 1px dashed #ccc; width: 305px; margin-right: 9px } #popular-dyk #dyk {} .top_five.no-border li { border: none; } .tiny { width: 480px; } #thin_skyscraper { display: none } .text a { color: #5f93c6; } .text a:hover { text-decoration: underline; } /* more link, bottom rounded */ .more_lnk_up, .more_lnk { position: relative; clear: both; height: 39px; } .more_lnk a { display: block; position: absolute; right: 0; right: 0; background: url(img/btm_lnk_smaller_grey_r.gif) no-repeat right 0; color: #fff; height: 39px; } .more_lnk a strong { font: 1.1em Georgia, Times, serif; display: block; margin: 19px 6px 0 0; padding-right: 25px; font-weight: bold } .more_lnk_up a:hover, .more_lnk a:hover { text-decoration: underline; } .more_lnk.indent { margin-bottom: 25px; } .more_lnk_up { margin-bottom: 20px; } .more_lnk_up a strong { width: 90px; font: 1.1em Georgia, Times, serif; display: block; margin: 5px 0 0 505px; padding-right: 25px; font-weight: bold } .more_lnk_up a { width: 620px; display: block; position: absolute; right: 0; right: 0; background: url(img/btm_lnk_smaller_grey_up.gif) no-repeat right 0; color: #fff; height: 39px; } .more_lnk_up.short, .more_lnk.short, .more_lnk.short a { height: 24px; } .more_lnk.short a strong { margin-top: 5px; } .more_lnk.grey { background: url(img/more_lnk_short_grey_l.gif) no-repeat; margin: 0 0 30px !important; } .more_lnk.grey a { background: url(img/more_lnk_short_grey_r.gif) no-repeat right 0; } .more_lnk.grey a strong { background: url(img/site_icons.png) no-repeat right -358px; } .more_lnk.blue { background: url(img/more_lnk_short_blue_l.gif) no-repeat; } .more_lnk.blue a { background: url(img/more_lnk_short_blue_r.gif) no-repeat right 0; } .more_lnk.blue a strong { background: url(img/site_icons.png) no-repeat right -358px; } .more_lnk.lightBlue { background: url(img/more_lnk_lightBlue_l.gif) no-repeat 0 100%; } .more_lnk.lightBlue a { background: url(img/more_lnk_lightBlue_r.gif) no-repeat right 100%; color: #77818b; } .more_lnk.lightBlue a strong { background: url(img/site_icons.png) no-repeat right -88px; } .more_lnk.lightGrey { background: url(img/title_rnd_gray_l.gif) no-repeat 0 100%; } .more_lnk.lightGrey a { background: url(img/title_rnd_gray_r.gif) no-repeat right 100%; color: #77818b; } .more_lnk.lightGrey a strong { background: url(img/site_icons.png) no-repeat right -88px; } .more_lnk.lightBlue.bnr { background: url(img/more_lnk_lightBlue_bnr_l.gif) no-repeat 0 100%; } .more_lnk.lightBlue.bnr a { background: url(img/more_lnk_lightBlue_bnr_r.gif) no-repeat right 100%; color: #77818b; } .sbmt_btn { height: 24px; text-align: right; position: relative; } .sbmt_btn button { height: 24px; text-align: right; position: absolute; right: 0; border: none; cursor: pointer; font: 1.1em Georgia, Times, serif; padding: 6px 2px 5px 0; } .sbmt_btn button:hover { text-decoration: underline; } .sbmt_btn button strong { padding-right: 25px; display: block; margin-top: -2px; } .sbmt_btn.light_blue { background: url(img/lb-bottom-l.gif) no-repeat 0 bottom; } .sbmt_btn.light_blue button { background: url(img/lb-bottom-r.gif) no-repeat right bottom; color: #77818b; } .sbmt_btn.light_blue button strong { background: url(img/site_icons.png) no-repeat right -88px; } .sbmt_btn.blue { background: url(img/more_lnk_short_blue_l.gif) no-repeat 0 bottom; } .sbmt_btn.blue button { background: url(img/more_lnk_short_blue_r.gif) no-repeat right bottom; color: #fff; } .sbmt_btn.blue button strong { background: url(img/site_icons.png) no-repeat right -358px; } .sbmt_btn.blue button strong.white { background-position: right -358px } .sbmt_btn.lightBlue { background: url(img/more_lnk_lightBlue_l.gif) no-repeat 0 100%; } .sbmt_btn.lightBlue button { background: url(img/more_lnk_lightBlue_r.gif) no-repeat right 100%; color: #77818b; } .sbmt_btn.lightBlue button strong { background: url(img/site_icons.png) no-repeat right -88px; } .sbmt_btn.grey { background: url(img/more_lnk_short_grey_l.gif) no-repeat; margin: 0 0 30px; } .sbmt_btn.grey button { background: url(img/more_lnk_short_grey_r.gif) no-repeat right 100%; color: #fff; } .sbmt_btn.grey button strong { background: url(img/site_icons.png) no-repeat right -358px; } /* your articles */ #article_top_wrap { border-bottom: 1px solid #cddbe7; margin-bottom: 15px; padding: 5px 0 15px } #article_top { width: 500px; float: right; } #user_img { float: left; width: 92px; height: 92px; border: 1px solid #cddbe7; margin-right: 15px } #article_top .user_info li, .articles .user_info li { display: inline; line-height: 1.2em; padding: 0; font-size: .8em } #article_top .user_info li.user_author, .articles .user_info li.user_author { padding: 0 7px 0 20px; background: url(img/site_icons.png) no-repeat 0 -60px; } #article_top .user_info li.user_author strong, .articles .user_info li.user_author strong { color: #f67007; } #article_top .user_info li.user_rewarded, .articles .user_info li.user_rewarded { background: url(img/site_icons.png) no-repeat 10px -302px; padding-left: 36px; border-left: 1px solid #c5c5c5; } .articles .user_info li.user_rewarded.first_child { background: url(img/site_icons.png) no-repeat 0px -302px; padding-left: 0px; } /* article list */ .articles { } .articles dl { float: left; width: 95px; height: 127px; margin-top: 3px } .articles dl dt { height: 92px } .articles dl dt img { border: 1px solid #cddbe7; margin: 0; width: 92px; height: 92px } .articles dl dd { border: 1px solid #80b0df; padding: 1px; margin-top: 3px; width: 90px } .articles dl dd span { background: #cbdef2; text-align: center; display: block; padding: 5px 0; font: 1.1em Georgia, Times, serif; color: #494e58; } .articles dl dd span strong { font-size: 1.3em } .articles li { margin-bottom: 25px; } .articles .lead { float: left; width: 513px; margin-left: 10px; } .articles .lead h2 a { font-size: 2.4em; color: #494e58; font-weight: bold; } .articles .lead h2 a:hover { color: #78aadf; text-decoration: underline; } .articles .lead ul li { display: inline; font: 1.1em Georgia, Times, serif; border-left: 1px solid #c3c3c3; padding: 0 3px 0 7px; } .articles .lead ul li.first_child { border: none; padding-left: 0; color: #a1a1a1; } .articles .lead ul.user_info { padding: 11px 0 0; } .articles .lead ul.user_info li.first_child { border: none; border-right: 1px solid #c3c3c3; padding: 0 7px 0 20px; margin-right: 5px;color: #77818b; font-weight: bold; } .articles .lead ul.user_info li.user_author { background: none; padding-left: 0 !important; } .articles .lead ul.user_info li { border: none; font-family: Arial, Helvetica, sans-serif; } .articles .lead ul li a { color: #5e666f; } .articles .lead ul li a:hover { text-decoration: underline; } .articles .lead ul ul { margin-top: 5px } .articles .lead p { font-size: 1.1em; line-height: 1.3em; } /* pagination */ #pagination_wrap { background: url(img/grey_rnd_l.gif) no-repeat; height: 31px; margin-bottom: 25px; } #pagination { background: url(img/grey_rnd_r.gif) no-repeat right 0; text-align: center; position: relative; padding-top: 9px; height: 22px; text-transform: uppercase; } #pagination a { color: #494e58; } #pagination a:hover { text-decoration: underline; color: #6597c8 } #pagination #pages, #pagination .prev, #pagination .next { font-size: 1.2em; margin-top: -1px } #pagination a.prev, #pagination a.next, #pagination .current { font-weight: bold; color: #6597c8 !important; } #pagination .current { font-size: 1.5em; } #pagination .first, #pagination .last, #pagination .prev, #pagination .next, #pages { position: absolute; } #pagination .first { left: 0; margin-left: 10px; } #pagination .last { right: 0; margin-right: 10px; } #pagination .prev { left: 20%; } #pagination .next { right: 20%; } #pagination #pages { display: block; left: 35%; text-align: center; margin: -7px 0 0 0; width: 200px; } #pagination .page { padding: 0 3px; } /* questions-anwser pages */ #anwser_person { width: 97px; float: right; margin: 13px 0 0 20px; } #anwser_person dt, #anwser_person strong { font-size: 1.2em; } #anwser_person dt { color: #b6b6b6 } #anwser_person dd { font-size: 1.1em; } #anwser_person dd img { border: 1px solid #d0cfce; margin-top: 10px; } .qa h1 { font-size: 2.4em; font-weight: bold; color: #f57e20; } .qa .question { margin: 15px 0; } .qa .question span { display: block; text-transform: uppercase; } .qa .question strong { color: #f57e20; padding-right: 5px; } .qa .question a { color: #77818b; } .qa .question a:hover { text-decoration: underline; } .qa .question h2 { font-size: 1.4em; font-weight: bold; color: #77818b; } .qa .anwser dt { color: #f57e20; text-transform: uppercase; } .qa .anwser dd { font-size: 1.4em; } .qa .anwser dd p { margin-bottom: 20px; } /* search results */ #results_tabs { margin-bottom: 15px; border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; } #results_tabs li { display: inline; font-size: 1.2em; } #results_tabs li strong, #results_tabs li a { color: #494e58; margin-right: 10px; } #results_tabs li a:hover { text-decoration: underline; } #search_results { margin-bottom: 25px; } #search_results h2, #search_results h3 { font-size: 1.8em; } #search_results h2 a, #search_results h3 a { color: #5e666f; } #search_results a:hover { text-decoration: underline; } #search_results li { margin-bottom: 10px; } #search_results ul li { display: inline; font-size: 1.1em; border-left: 1px solid #949494; margin-right: 3px; padding-left: 8px; color: #949494 } #search_results ul li.first_child { padding-left: 0; text-transform: uppercase; border: none; } #search_results li.qa li a { color: #f57e20 } #search_results li.article li a { color: #5c8ab8 } .short_list h2 { font-size: 1.4em; border-bottom: 1px solid #d7d7d7; padding-bottom: 5px; margin-bottom: 15px; } #advanced_search { margin-bottom: 25px; } #advanced_search .select { font-size: 1.2em; } #advanced_search .select_field { float: left; width: 418px; } #advanced_search .checkbox_field { float: left;; width: 198px; } #advanced_search .label_check { display: block; font-size: 1.2em; margin-bottom: 5px } #advanced_search .input_check { margin-right: 5px; } /* glossary content */ #glossary_side { margin-bottom: 25px; background: url(img/thin_rnd_bottom.gif) no-repeat 0 bottom; padding-bottom: 4px } #glossary_side h3 { background: url(img/blue_title_bg.gif) no-repeat; padding: 6px 0 10px 10px; color: #fff; font: 1.6em Georgia, Times, serif; font-weight: bold; height: 15px; } #glossary_side h3 span { background: url(img/glossary.gif) no-repeat right 1px; padding-right: 27px} #letters_side { clear: both; } #letters_side a { display: block; margin: 0 10px 10px 0; float: left; background: #fff; border: 1px solid #ece9e4; color: #000; padding: 2px 0; font-weight: bold; width: 18px; text-align: center; } #letters_side a.last { margin-right: 0; } #letters_side a:hover, #letters_side a.active { background: #6296c9; color: #fff; } #glossary_side_content { border-left: 1px solid #dae5ed; border-right: 1px solid #dae5ed; padding: 10px; } #glossary_side_content ul { font-size: 1.4em; clear: both; } #glossary_side_content ul li a { color: #4b4e53; } #glossary_side_content ul li a:hover { text-decoration: underline; color: #6296c9; } #letters { padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; height: 70px; margin-bottom: 20px; } #letters a { float: left; display: block; padding: 5px 0; border: 1px solid #d7d7d7; margin-right: 14px; color: #5e666f; font-weight: bold; font-size: 1.1em; text-align: center; margin-bottom: 15px; width: 25px; } #letters a:hover, #letters a.active { background: #6296c9; color: #fff; } #letters a.last { margin-right: 0; } #glossary_terms { clear: both; margin-bottom: 25px; } #glossary_terms li { margin-bottom: 4px; } #glossary_terms h2 a, #related_terms_articles h3 a { color: #5e666f; font-size: 1.8em; } #glossary_terms h2 a:hover, #related_terms_articles h3 a:hover { color: #78aadf; text-decoration: underline; } #related_terms_articles { margin-bottom: 25px; } #related_terms_articles li { margin-bottom: 13px } #related_terms_articles ul li { display: inline; font-size: 1.2em; color: #949494; line-height: 1.0em; margin: 0; } #related_terms_articles ul li.first_child { border-right: 1px solid #949494; padding-right: 9px; margin-right: 6px } #term { margin-bottom: 24px; clear: both; } #term p { font-size: 1.4em; } #term h2 { font-size: 2.4em; font-weight: bold; } #related_term { font-size: 1.4em; text-transform: uppercase; border-bottom: 1px solid #d7d7d7; padding-bottom: 2px; margin-bottom: 12px; } #related_term strong { color: #759bd5; } .interspace, #pagination_wrap.indent, #services.interspace { margin-bottom: 100px !important; } /* advanced search */ #advanced_search { margin-bottom: 25px; } #advanced_search .input_search.advanced { width: 211px; padding: 3px 5px; border: 1px solid #97bede; font-size: 1.2em; color: #494e58; margin-right: 5px; } #advanced_search button { background: url(img/search_submit.gif) no-repeat right 0; border: 1px solid #97bede; width: 26px; height: 22px; position: relative; cursor: pointer; text-indent: -9999em; } #advanced_search .search_field { margin-bottom: 8px; } #advanced_search .select_col { width: 276px; float: left; } #advanced_search .checkbox_col.first { width: 142px; float: left; } .form_page h2 { font-size: 2.4em; font-weight: bold; margin-bottom: 25px; } .form_page h3 { font: 1.1em Georgia, Times, serif; font-weight: bold; margin-bottom: 25px; background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 6px 10px; } .form_page h3 em { font-style: normal; color: #2777c5; } #question_form { margin-bottom: 35px; } #question_form .stylized_textarea { border: 1px solid #97bede; margin-bottom: 10px; height: 177px; } #question_form .input_check { margin: 15px 0 40px; width: 300px; display: block; background: #cddbe7; padding: 5px 10px; font-size: 1.1em; color: #000 } #question_form .input_check .check { margin-right: 5px; } #question_form label strong { display: block; font-weight: bold; font-size: 1.1em; margin: 0 0 1px; color: #000; } #question_form .input_text { width: 192px; border: 1px solid #97bede; padding: 3px 4px; margin-bottom: 15px } #question_form .note { background: #f7f7f7; border: 1px solid #c9c9c9; padding: 15px 10px; margin: 30px 0 15px 0; font-size: 1.2em; } #question_form .note a { color: #277ac8; } #question_form .note a:hover { text-decoration: underline; } /* registration */ .registration h2 { font-size: 2.4em; font-weight: bold; margin-bottom: 25px; } .registration h2 span { color: #5b89b6; } #user_activity h3, #user_entry h3 { background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 10px; font: 1.1em Georgia, Times, serif; font-weight: bold; margin-bottom: 10px; } #right_form h3 { background: #75a8da url(img/2_lines_blue.gif) repeat-x; color: #fff; } #user_activity ul { margin-bottom: 35px; } #user_activity ul li { font-size: 1.1em; color: #000; margin-bottom: 4px } #user_activity ul li strong { color: #3576b5; } .reg_notice { background: #f7f7f7; border: 1px solid #c9c9c9; padding: 10px; font-size: 1.2em; margin-bottom: 20px; } #user_entry { font-size: 1.1em; } #card_text { margin-left: 9px; width: 280px; font-size: 1.1em; color: #000; text-align: justify; } #card_text a { font-size: 1.4em; color: #000; font-weight: bold; } #card_text a:hover { text-decoration: underline; } #card_text p { margin-bottom: 10px !important; } #card_text span { color: #f57e20; font-weight: bold; } #user_entry label { display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; } #user_entry label strong { font-size: 1.2em; font-weight: bold } #user_entry .input_txt, #user_entry .input_select, #user_entry .input_radio .title, #user_entry .input_image, #user_entry .input_file { color: #000; font-weight: bold; display: block; } #user_entry .input_file { border: 1px solid #71a3d6; color: #fff; padding: 2px 4px; } #user_entry #password_fields { font-weight: bold; margin-bottom: 20px } #user_entry #password_fields p { margin-bottom: 5px; } #user_entry .input_image img { border: 1px solid #d7e2ec; display: block; margin-bottom: 8px; } #user_entry .input_image { margin-bottom: 30px; } #user_entry p { margin-bottom: 15px; clear: both } #user_entry .input_text { border: 1px solid #97bede; padding: 2px 4px; width: 182px; color: #494e58; } #user_entry .input_select { padding: 0; margin-left: 0} #user_entry .input_select .select { font-size: 1.0em; } #user_entry .input_select .select.small { width: 91px; margin-left: 4px; } #user_entry .input_select .select.small.frst { margin: 0; } #user_entry .input_txt.inline p { float: left; padding: 0; clear: none; } #user_entry .input_txt.inline .street { width: 192px; } #user_entry .input_txt.inline .number { margin-left: 8px; width: 92px; } #user_entry .input_txt.inline .number .input_text.small { width: 82px; } #user_entry .input_radio .title { margin-bottom: 8px; } #user_entry .input_radio label { display: inline; margin-right: 20px } #user_entry .input_radio label .radio { margin-right: 10px; } #user_entry #left_form { width: 300px; float: left; } #user_entry #right_form { width: 300px; float: left; padding-left: 8px; margin-left: 8px; border-left: 1px solid #cddbe7; } #user_entry p.sbmt_btn.blue { padding-top: 40px; clear: both; } #user_entry .input_check.frstcheck { margin-bottom: 8px } #user_entry .input_check .check { margin-right: 10px; } #user_entry #left_form .input_check .check { margin-right: 3px; } #right_form { height: 930px; } #right_form p { margin-bottom: 25px; } #right_form strong { color: #5b89b7; font-size: 1.4em; display: block; margin-bottom: 7px; } #right_form label { margin-bottom: 4px } #right_form #reg_select_all.input_check { background: #cddbe7; padding: 7px 8px 1px 8px; color: #000; margin-bottom: 0; } /* send text */ .send_text h2 { font-size: 2.4em; font-weight: bold; margin-bottom: 25px; } .send_text h4 { background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 10px; font: 1.1em Georgia, Times, serif; font-weight: bold; margin-bottom: 20px; } .send_text h4 span { color: #2777c5; } .send_text .intro { font-size: 1.2em; margin-bottom: 30px; color: #494e58; } .send_text .intro p { margin-bottom: 10px; } .send_text form { margin-top: 20px; } .send_text #question_form .note { margin-top: 10px } .send_text #question_form .note .blue_title { color: #2777c5; } .send_text .expand_box h3, .calling .expand_box h3 { background: url(img/grey_title_l.gif) no-repeat; height: 33px; color: #fff; font: 1.7em Georgia, Times, serif; position: relative; text-align: left; margin-bottom: 1px } .send_text .expand_box h3 a, .calling .expand_box h3 a { display: block; background: url(img/grey_title_r.gif) no-repeat right 0; padding: 0 0 0 0; height: 27px; width: 618px; color: #fff; padding: 6px 0 0 0; margin: -32px 0 0 0; z-index:2; position: absolute; } .send_text .expand_box h3 span, .calling .expand_box h3 span { background: url(img/grey_title_r.gif) no-repeat right 0; margin: 0 0 0 10px; padding: 6px 0 0 2px; height: 26px; display: block; } .send_text .expand_box h3 a small, .calling .expand_box h3 a small { background: url(img/site_icons.png) no-repeat right 0; padding: 0 30px 2px 0; position: absolute; right: 0; margin: 7px 17px 0 0; display: block; font-weight: bold; font-size: .6em !important; text-transform: uppercase; } .send_text .expand_box h3 a small.minus, .calling .expand_box h3 a small.minus { background-position: right -417px } .send_text .expand_box h3 a small.plus, .calling .expand_box h3 a small.plus { background-position: right -391px } .expand { font-size: 1.2em; border: 1px solid #bfdfff; padding: 20px 10px; margin-bottom: 1px; } .expand dd, .expand p { margin-bottom: 13px; } .expand li { padding: 1px 0 1px 15px; background: url(img/site_icons.png) no-repeat 0 -233px; } /* calcs */ .calc h2 { font-size: 2.4em; font-weight: bold; margin-bottom: 25px; } #calulator_list { margin-bottom: 40px; } #calulator_list li p { font-size: 1.2em; margin-bottom: 2px; } #calulator_list li { margin-bottom: 20px; } .calc.calling h2 { margin-bottom: 10px; } .calc .calc_title { background: url(img/title_rnd_bigblue_l.gif) no-repeat; } .calc .calc_title a { background: url(img/title_rnd_bigblue_r.gif) no-repeat right 0; height: 35px; color: #fff; font: 2.0em Georgia, Times, serif; padding: 8px 0 0 15px; display: block } .calc .calc_title a span { display: block; background: url(img/blue_title_icons.gif) no-repeat right 0; margin-right: 14px; display: block; padding-bottom: 10px } .calc_title.stedni a span, .main_title h2.stedni span { background-position: right -150px; margin-right: 12px } .calc_title.kreditni a span, .main_title h2.kreditni span { background-position: right -99px; margin-right: 12px } .calc_title.konverter a span, .main_title h2.konverter span { background-position: right -200px; } .calc_title.dohodak a span, .main_title h2.dohodak span { background-position: right -250px; } .calc_title.porezni a span, .main_title h2.porezni span { background-position: right -300px; } .calc_title.najpovoljnije a span, .main_title h2.najpovoljnije span { background-position: right 0; } .calc_title.usporedi a span , .main_title h2.usporedi span { background-position: right -49px; margin-right: 12px } .main_title { background: url(img/title_rnd_bigblue_l.gif) no-repeat; } .main_title h2 { background: url(img/title_rnd_bigblue_r.gif) no-repeat right 0; height: 35px; color: #fff; font: 2.0em Georgia, Times, serif; padding: 8px 0 0 15px; display: block } .main_title h2 span { display: block; background: url(img/blue_title_icons.gif) no-repeat right 0; margin-right: 14px; display: block; padding-bottom: 10px } #calc_left, #col_left { width: 300px; float: left; padding-right: 8px; border-right: 1px solid #cddbe7; margin-bottom: 10px; } .calc_form h3 { font: 1.1em Georgia, Times, serif; display: block; background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 20px; font-weight: bold; } .calc_form #table_title h3 { background: #75a8da url(img/2_lines_blue.gif) repeat-x; margin-bottom: 1px; color: #fff; text-transform: uppercase;} .calc_form label { display: block; color: #010101; margin-bottom: 3px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; } .calc_form .input_number { width: 185px; border: 1px solid #97bede; font: 1.1em Arial, Helvetica, sans-serif; padding: 2px 4px; color: #494e58; } .calc_form p { margin-bottom: 25px; } .calc_form label.inline { font-weight: normal; color: #494e58; } .calling #col_left { border-right: none; padding-right: 0; } .calling #col_right { border-right: none; border-left: 1px solid #cddbe7; padding-left: 8px; margin-bottom: 20px } .calc_notice { margin-top: 22px; } .calc_note { background: #f7f7f7; color: #494e58; padding: 15px 20px; border: 1px solid #c9c9c9; margin-bottom: 10px; font-size: 1.2em; } .calc_value { padding: 15px 20px 15px 10px; color: #fff; background: #78aadd; margin-bottom: 10px; font-size: 1.4em; } .final_calculation { padding: 15px 20px 15px 10px; background: #78aadd; color: #fff; font-size: 1.4em; } .final_calculation li.spacing { margin-bottom: 10px; } #calc_info.kk { margin-top: 53px } .calc_notice.kv { margin-top: 10px; } #kv_value.calc_value, #calc_info.kk .calc_value { margin-bottom: 0; } #kv_value.calc_value { text-align: center; margin-top: 42px } #koverter_valuta .select { width: 139px; } #calc_right, #col_right { float: right; width: 300px; margin-left: 9px; } #loan_tables { font-size: 1.1em; } #loan_tables_holder h3 { border-top: 1px solid #60b0ff; padding-top: 1px; position: relative; text-transform: uppercase; } #loan_tables_holder h3 span { display: block; background: #75a8da; color: #fff; font-weight: bold; font: 1.1em Georgia, Times, serif; font-weight: bold !important; padding: 10px; position: relative; } #loan_tables_holder h3 span a { position: absolute; right: 0; margin: 0 15px 0 0; } .selection_space { padding: 10px 0; } #loans_currency { margin-left: 7px; } .calc_table { width: 100%; background: #fff; text-align: center; font-size: 1.1em; } .calc_table .bank { width: 65px; padding-left: 10px; text-align: left; } .calc_table .bank_row { text-align: left; padding: 0 0 0 10px; width: 65px; } .calc_table .bank_row a { margin-right: 9px; margin-top: -1px; } .calc_table tr.grey td { background: #f7f7f7; } .calc_table tr td { border-bottom: 1px solid #c9d0d8; padding: 5px 0; } .calc_table tr td img { vertical-align: middle; } .calc_table th { background: #959595; padding: 4px; color: #fff; text-align: center; } .kv_holder .calc_table { height: 365px; } .table_notice { background: #f7f7f7; border: 1px solid #c9c9c9; margin-top: 25px; padding: 7px 15px; font-size: 1.2em; } #kv_notice.table_notice { margin-top: 21px; padding: 3px 15px; } .inline_inputs { margin-bottom: 0; height: 36px; margin-bottom: 20px; clear: none; height: 36px } .inline_inputs p { margin-bottom: 0; } .inline_inputs .first_input { float: left; width: 195px; } .inline_inputs .second_input { float: left; margin-left: 25px; width: 78px; } .inline_inputs .input_number.small { width: 70px; } #autorski_honorar.calc_form .sbmt_btn { margin-top: 80px } #table_title { position: relative; } #table_title h3 { background: #75a8da url(img/2_lines_blue.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 1px; color: #fff; font: 1.1em Georgia, Times, serif; font-weight: bold; text-transform: uppercase;} #table_title ul { position: absolute; right: 0; margin: -20px 10px 0 0 } #table_title ul li { display: inline; float: left } #table_title ul li a { display: block; width: 15px; height: 16px; text-indent: -9999em; background: url(img/options_icons.png) no-repeat 0 0; margin: 0 0 0 8px } #table_title ul li.send a { background-position: 0 -31px} /* porezni kalkulator */ #tax_calculator h3 { font: 1em Georgia, Times, serif; background: #E6E6E6 url(img/2_lines_grey.gif) repeat-x; padding: 10px; font-weight: bold; margin: 0 0 10px 0; } h4.title_2lines { font: 1em Georgia, Times, serif; display: block; background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 20px; font-weight: bold; } h4.title_2lines span { color: #2777c5; } #tax_form_holder { font-size: 1.1em; color: #494e58; } #tax_form_holder a { color: #494e58; text-decoration: underline; color: #494e58; } #tax_form_holder a:hover { text-decoration: none; } #tax_form_holder .notice { font-size: 1.1em !important; } #tax_form_holder .tax_explanation { font-size: 1.1em !important; } .tax_important { padding: 10px 20px; background: #f7f7f7; border: 1px solid #c9c9c9; margin-bottom: 20px; } .dlist, .dlist dd p { margin-bottom: 20px; } .dlist ul { padding: 20px 10px 0; color: #2777c5; } .group { background: #f7f7f7; border: 1px solid #d7e2eb; padding: 12px 0; margin-bottom: 1px; } .group div { padding: 10px 0 0 10px } .group .single_line { padding: 0 10px } .white_group { padding: 12px 0; } .white_group div { padding: 10px 0 0 0; border-bottom: 1px solid #cddbe7; } .white_group div.no_border, .white_group div.clr { border: none; } .white_group .inlinelabel { padding-top: 0; } label.inlinelabel { width: 440px; display: block; float: left; padding: 3px 10px 0 0; } .group label.inlinelabel { width: 440px; } .income { font-size: 1.2em; padding-left: 20px; } .group .income { background: #fff; font-weight: bold; padding: 10px 20px; border: 1px solid #c9c9c9; border-left: none; border-right: none; } .income_results .income, .income_results_box { border: 1px solid #c9c9c9; padding: 17px 20px 12px; font-weight: bold; background-color: #78aadd; color: #fff; } .income_results_box { font-size: 1.1em; } .income_results_box p { margin-bottom: 5px !important; } .income_results_box strong { color: #2777c5; } .checkbox_question { clear: both; padding: 15px 10px; background: #cddbe7; font: 1em Tahoma, Arial, Helvetica, sans-serif; color: #000; height: 35px; } .checkbox_label { width: 440px; display:-moz-inline-box; display: inline-block; } .checkbox_question input, .checkbox_group input { margin-right: 10px; } #rent_check.checkbox_question { margin-top: 25px; } .checkbox_group div { clear: both; margin-top: 4px; } .checkbox_group div span { margin-top: 9px; display:-moz-inline-box; display: inline-block; } #tax_calculator p { margin-bottom: 15px; clear: both; } #tax_calculator .inputs p, #tax_calculator .input_field { margin-bottom: 10px; padding: 0 0 10px } #tax_calculator .inputs p.no_border { border-bottom: none; } #tax_calculator .border { border-bottom: 1px solid #cddbe7; } form#tax_calculator fieldset { border: none; padding: 0; color: } form#tax_calculator legend { font-weight: bold; font-size: 1.1em; color: #3B80D3; } form#tax_calculator label.blocklabel { display: block; margin-right: 20px; padding: 3px 0 0 0; } form#tax_calculator .input_text { width: 117px; padding: 2px 4px; color: #999999; border: 1px solid #97bede; color: #494e58; font: 1.1em Arial, Helvetica, sans-serif; margin-right: 3px; } form#tax_calculator .input_text.small { width: 75px; margin-right: 15px; font: .9em Arial, Helvetica, sans-serif; } #tax_calculator .sbmt_btn.blue { font-size: .9em; margin-top: 10px; } #step3 .input_text.small { font-size: 1.1em !important; width: 40px !important; margin-right: 5px !important } #step3 .select { padding: 1px; color: #6B747D; margin-right: 20px; } #step3 .place_row button { margin-left: 20px; background: #d7d7d7; border: none; cursor: pointer; font-size: 1em; width: 60px; height: 20px; } #step3 .add_place button { background: #71a3d5; border: 1px solid #97bede; color: #fff; height: 22px; cursor: pointer; } #step3 .income_results.end { margin-top: 25px; } .input_2radio { background: #cddbe7; margin: 35px 0 1px; padding: 5px 10px; } .radio_label { width: 445px; display: block; float: left; padding-right: 30px } .input_2radio span { display: block; float: left; margin-top: 10px; } .input_2radio input { margin: 0 5px 0 20px; } #buttons { padding-top: 10px; } #buttons .prev_btn { float: left; width: 300px; font-size: .9em; } #buttons .prev_btn button { left: 0; width: 300px; text-align: left; } #buttons .prev_btn button strong { display: block; background: url(img/site_icons.png) no-repeat 8px -448px; padding-left: 30px; } #buttons .next_btn { float: right; width: 300px; } #buttons p { clear: none !important;} #buttons .sbmt_btn.blue { margin-top: 0; } #button_end { font-size: .9em; } #button_end .prev_btn button { left: 0; text-align: left; width: 618px; } #button_end .prev_btn button strong { display: block; background: url(img/site_icons.png) no-repeat 8px -448px; padding-left: 30px; } #button_end a { color: #fff; text-decoration: none } #button_end a:hover { text-decoration: underline } .calculator_subfields { background: #f1f6fa; border: 1px solid #cfdde8; font-size: 1.1em; margin: -2px 0 10px 0; color: #2777C5; } .calculator_subfields p { padding: 0 10px; } .calculator_subfields .income { border-top: 1px dashed #2777C5; padding-top: 15px;} .calculator_subfields ol { padding: 0 30px 0 30px } .calculator_subfields ol li { margin-bottom: 10px; list-style-type: decimal } .calculator_subfields .devider { padding: 20px 10px; border-top: 1px solid #cddbe7 } .input_select { margin-left: 10px; } .input_select th { font-weight: bold; color: #2777c5; padding-bottom: 5px; } .input_select td { padding: 3px 0; } .input_select .col1 { padding-right: 15px; } .input_select select { padding: 1px; width: 390px; color: #494e58; border: 1px solid #97bede; width: 190px; font: .9em Arial, Helvetica, sans-serif; } .income_results.end { background-color: #78aadd; color: #fff; border: 1px solid #c9c9c9; padding: 15px 20px; margin-top: 40px; font-size: 1.3em; font-weight: bold; } .income_results.end p { margin: 0 !important; } .income_results.end p.first_value { margin-bottom: 10px !important;} .income_results.end strong { color: #2777c5; } form#tax_calculator .income span, span.total_result { padding-left: 5px; } .tax_line_indent { margin: 25px 0 15px; font-size: 1.1em; } #tax_calculator .calc_previuis { color: #fff; padding-top: 4px; left: 10px; text-decoration: none; } #tax_calculator .calc_next { color: #fff; padding-top: 4px; padding-right: 10px; text-decoration: none; } #tax_calculator .more_lnk { margin-top: 20px; } #tax_calculator .calc_next:hover, #tax_calculator .calc_previuis:hover { text-decoration: underline; } #final_result { background: #78aadd; color: #fff; text-align: right; padding: 7px 0 7px 260px; height: 36px; margin: 10px 0 } #final_result .opt { padding: 10px 0px 11px 0; border-right: 1px solid #5f89b4; float: left; text-align: right; } #final_result .opt li { float: left; display: inline; } #final_result .opt li a { width: 16px; height: 16px; display: block; background: url(img/article_icons.gif) no-repeat 0 0; margin-right: 30px; text-indent: -9999em; } #final_result .opt li.send a { height: 12px; background-position: -263px 0; margin: 2px 15px 0 20px; } #final_result .opt li.print a { background-position: -309px 0 } #final_result .opt li a span { position: absolute; left: -9999em } #final_result .konec { float: left; font-size: 1.4em; clear: none; padding: 12px 10px 0 0px; border-left: 1px solid #9ccdff; line-height: 0.8em; width: 240px; height: 25px } /* usporedi cijene telefoniranja */ #comparation #col_left h3 { font: 1.1em Georgia, Times, serif; display: block; background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 20px; font-weight: bold; } #comparation #col_right h3 { font: 1.1em Georgia, Times, serif; display: block; background: #75a8da url(img/2_lines_blue.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 20px; font-weight: bold; color: #fff; } #comparation #col_left p { margin-bottom: 25px; } #comparation #col_left p.last_input { margin-bottom: 0; } #comparation #col_left label { display: block; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 3px } #comparation .select { width: 297px !important; font: 1.1em Arial, Helvetica, sans-serif; padding: 1px; color: #494e58; } #comparation .input_text { width: 287px; padding: 2px 4px; color: #999999; border: 1px solid #97bede; color: #494e58; font: 1.1em Arial, Helvetica, sans-serif; } #comparation .inline { display: inline !important; } #comparation .input_radio { margin-bottom: 30px} #comparation .input_radio label { margin-bottom: 10px !important; } #comparation .input_radio input { margin-right: 10px; } #comparation .input_radio p { margin-bottom: 3px !important} #comparation .input_check input { margin-right: 10px; } #comparation #col_right .input_text { width: 28px; } #profil_table { color: #999; font-size: 1em; width: 100%; } #profil_table td { vertical-align: top; } #profil_table .left { width: 280px; border-right: 1px solid #bbb; } #profil_table h4 { font-size: 1em; padding: 0; margin: 20px; color: #78aadf; font-weight: bold } #profil_table p { padding: 0 20px; } #profil_table span { width: 170px; display:-moz-inline-box; display: inline-block; } #profil_table .long { width: 240px; display:-moz-inline-box; display: inline-block; } #detail_results { border: 1px solid #bae3ff; width: 618px; color: #46638f; font-size: 1.2em; border-collapse:collapse; } #detail_results td { background-color: #cedce9; border: 1px solid #fff; color: #606470; padding: 5px; } #detail_results th { background-color: #fff; padding: 10px; vertical-align: middle; font-weight: bold } #detail_results th label { margin-right: 20px; } #detail_results th input { margin-right: 5px; } #detail_results #results_head_row td { background-color: #e6e6e6; font-weight: bold } #detail_results .tarrif_name { width:200px; } #detail_results .tariff_type { width:150px; } #detail_results .tarrif_monthly { width:75px; } #detail_results .tarrif_year { width:75px; } #detail_results .tarrif_name_row { width:228px; } #detail_results .tariff_type_row { width:172px; } #detail_results .tarrif_monthly_row { width:87px; } #detail_results .tarrif_year_row { width:62px; } #detail_results #results_block div { height:249px; overflow-x:hidden; overflow-y:scroll; } .calling .more_lnk { margin: 20px 0 25px !important; } /*slider*/ .ui-slider { background: url(img/slide_bg.gif) no-repeat; height: 19px; position: relative; width: 248px; float: left; padding: 0 4px; } .ui-slider-handle { position: absolute; z-index: 2; top: 3px; width: 26px; height: 16px; background: transparent url(img/slider.png) 0 0 repeat-x; } .ui-slider-handle:hover { background-position: right 0; } .slider { padding-bottom: 22px; clear: both; height: 31px; position: relative; } .slide_value { width: 34px; position: absolute; right: 4px; } .slider.last_slider { padding-bottom: 10px} .slider label strong { color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; display: block; margin-bottom: 2px } .important_box { background: #F1F6FA; border:1px solid #CFDDE8; color:#2777C5; padding: 15px; font-size: 1.1em; margin-bottom: 10px; } .important_box h4 { font-weight: bold; margin-bottom: 5px; color: #2777c5; } #expand_details .expand li { background: none; padding: 0; margin: 0; } #expand_details .expand .tabs_selection li { display: block; float: left; font: .9em Georgia, Times, serif; font-weight: bold; text-align: center; width: 204px; height: 26px; margin-left: 3px } #expand_details .expand .tabs_selection li a { background: #e6e6e6; display: block; color: #494e58; padding: 6px 0; width: 204px; } #expand_details .expand .tabs_selection li a:hover, #expand_details .expand .tabs_selection li.active { background: #75a8da; color: #fff; padding-top: 6px; height: 20px } #expand_details .expand .tabs_selection li a:hover { height: 14px } #expand_details .expand .tabs_selection li.godisnje { margin-left: 0 !important; } #expand_details .expand { border: none; } #expand_details #tariff_content { border: 1px solid #bfdfff; height: 330px } #expand_details #tariff_content #spending, #expand_details #tariff_content #tariffs, #expand_details #tariff_content #legend { float: left; margin-top: 25px; } #expand_details #tariff_content #spending { width: 184px; padding-left: 40px; position: relative; } #expand_details #tariff_content #spending h4 { position: absolute; bottom: -20px; background: url(img/tariff_titles.gif) no-repeat; width: 146px; height: 16px; text-indent: -999em; right: 8px; } #expand_details #tariff_content #spending ul { border-right: 4px solid #969696; padding: 20px 8px 8px 0; margin-right: 8px; border-bottom: 4px solid #969696; } #expand_details #tariff_content #spending li { background: #75a8da; color: #fff; text-align: right; padding: 5px 8px 5px 0; width: 163px; margin-bottom: 4px; } #expand_details #tariff_content #spending li.your_tariff { background: #f57e20; } #expand_details #tariff_content #tariffs { border-right: 1px solid #bbbbbb; padding: 0 50px 30px 0; margin-bottom: 20px; width: 189px; } #expand_details #tariff_content #tariffs h4 { background: url(img/tariff_titles.gif) no-repeat 0 -14px; width: 146px; height: 16px; text-indent: -999em; margin-bottom: 5px } #expand_details #tariff_content #tariffs ul { background: url(img/tariff_dashed.gif) repeat-x 0 0; } #expand_details #tariff_content #tariffs ul li { background: url(img/tariff_dashed.gif) repeat-x 0 bottom; padding: 7px 0 6px 10px; } #expand_details #tariff_content #tariffs ul li strong { color: #75a8da; } #expand_details #tariff_content #tariffs ul li.your_tariff { } #expand_details #tariff_content #tariffs ul li.your_tariff strong { color: #f57e20; } #expand_details #tariff_content #legend { width: 110px; } #expand_details #tariff_content #legend ul { padding-left: 12px; } #expand_details #tariff_content #legend li { background: url(img/tariff_titles.gif) no-repeat 0 -14px; padding: 0 0 0 35px; margin-bottom: 5px } #expand_details #tariff_content #legend li.better { background-position: 0 -39px } #expand_details #tariff_content #legend li.your_tariff { background-position: 0 -65px } #expand_details #tariff_content p#congrats { clear: both; margin: 5px 0 0 0; padding: 10px 0; background: #f7f7f7; font: 1.8em Georgia, Times, serif; font-style: italic; text-align: center; color: #000; } #expand_details #tariff_content p#congrats strong { font-weight: normal; } #expand_details.expand_box .expand { padding: 0 !important; } .expand a { color: #78aadf; } .expand a:hover { text-decoration: underline; } #tariff_content { clear: both; } /* bestbuy */ #bestbuy_content .expand_box h3 { background: url(img/grey_title_l.gif) no-repeat; height: 33px; color: #fff; font: 1.7em Georgia, Times, serif; position: relative; text-align: left; } #bestbuy_content .expand_box h3 a { display: block; background: url(img/grey_title_r.gif) no-repeat right 0; padding: 0 0 0 0; height: 27px; width: 618px; color: #fff; padding: 6px 0 0 0; margin: -32px 0 0 0; z-index:2; position: absolute; } #bestbuy_content .expand_box h3 span { background: url(img/shopping_icons.gif) no-repeat; margin: 0 0 0 10px; padding: 6px 0 0 55px; height: 26px; display: block; } #bestbuy_content .expand_box h3 a small { background: url(img/site_icons.png) no-repeat right 0; padding: 0 30px 2px 0; position: absolute; right: 0; margin: 7px 17px 0 0; display: block; font-weight: bold; font-size: .6em !important; text-transform: uppercase; } #bestbuy_content .expand_box h3 a small.minus { background-position: right -417px } #bestbuy_content .expand_box h3 a small.plus { background-position: right -391px } #bestbuy_content #shopping_daily .expand_box h3 { background: url(img/title_rnd_bigblue_l.gif) no-repeat; } #bestbuy_content #shopping_daily .expand_box h3 a { background: url(img/title_rnd_bigblue_r2.gif) no-repeat right 0; } #bestbuy_content #shopping_daily .expand_box h3 span { padding-left: 0px; background: none; } #bestbuy_content #shopping_daily .expand_box h3 span em { font-size: .8em; font-style: normal; } #bestbuy_content .expand { padding: 0; } #bestbuy_content .expand table { width: 100%; text-align: center; font-size: .9em } #bestbuy_content .expand table th { background: #e6e6e6; border-left: 2px solid #fff; padding: 6px 0 6px; text-align: center; font: 1em Georgia, Times, serif; font-weight: bold; border-bottom: 1px solid #fff; } #bestbuy_content .expand table td { background: #cddbe7; color: #494e58; border-left: 2px solid #dbedfc; border-bottom: 2px solid #fff; padding: 10px 0 9px; line-height: 1.2em } #bestbuy_content .expand table td img { width: 50px; border: 1px solid #fff; } #bestbuy_content .expand table td .amount { width: 43px; border: 1px solid #97bede; padding: 2px 4px; font: 1em Arial, Helvetica, sans-serif; } #bestbuy_content .expand table th.subcategory { text-align: left; padding-left: 8px; border: none; border-bottom: 2px solid #fff; } #bestbuy_content .expand .col1, #bestbuy_content .expand .item { text-align: left; border-left: 0; padding-left: 8px; width: 175px } #bestbuy_content .expand .col2 { width: 77px } #bestbuy_content .expand .col3 { width: 77px } #bestbuy_content .expand .col4 { width: 86px } #bestbuy_content .expand .col5 { width: 70px } #bestbuy_content .expand .col6 { width: 56px } #bestbuy_content .expand .col7 { width: 62px } #bestbuy_content #shopping_pekarski h3 span { background-position: 0 9px } #bestbuy_content #shopping_mlijeko h3 span { background-position: 0 -25px } #bestbuy_content #shopping_osnovne h3 span { background-position: 0 -60px } #bestbuy_content #shopping_voce h3 span { background-position: 0 -92px } #bestbuy_content #shopping_meso h3 span { background-position: 0 -126px } #bestbuy_content #shopping_smrznuti h3 span { background-position: 0 -161px } #bestbuy_content #shopping_slatkisi h3 span { background-position: 0 -195px } #bestbuy_content #shopping_kava h3 span { background-position: 0 -228px } #bestbuy_content #shopping_sokovi h3 span { background-position: 0 -262px } #bestbuy_content #shopping_alkohol h3 span { background-position: 0 -296px } #bestbuy_content #shopping_higijenske h3 span { background-position: 0 -330px } #bestbuy_content #shopping_za-bebe h3 span { background-position: 0 -365px } #bestbuy_content #shopping_kucni-ljubimci h3 span { background-position: 0 -398px } #bestbuy_content #shopping_posebna-ponuda h3 span { background-position: 0 -432px } #bestbuy_content .important_box { margin-top: 25px; } #stores_selector_wrap { font-size: 1.1em; margin: 25px 0; } #stores_selector_wrap h4 { padding: 2px 4px; border: 1px solid #97bede; width: 230px; background: url(img/shopping_selector_arrow.gif) no-repeat right 0; } #stores_selector_wrap h4 a { color: #494e58; display: block; } #stores_selector_wrap h4.closed { background: url(img/shopping_selector_arrow.gif) no-repeat right 0; } #stores_selector_wrap h4.open { background: url(img/shopping_selector_arrow.gif) no-repeat right bottom; } #stores_selector { background: #fff; width: 238px; border: 1px solid #97bede; border-top: none; position: absolute; z-index: 10; display: none; } #stores_selector li { padding: 0 0 0 3px; } #stores_selector li input { margin-right: 10px; position: relative; margin-top: 6px } #stores_selector li:hover { background: #f1f1f1; } #stores_selector li label { display: inline-block; width: 200px; padding: 1px 0; cursor: pointer; } #bestbuy_content #results h3 span { padding-left: 0px; background: none; } #bestbuy_content #results h3 span em { font-size: .8em; font-style: normal; } #bestbuy_content #results { margin-top: 50px; } #bestbuy_content #results .expand { padding-top: 1px; } #bestbuy_content #results .expand h4 { float: left; width: 65px; margin-right: 2px } #bestbuy_content #results .expand h4 img { width: 65px; } #bestbuy_content #results .expand { border: none; } #bestbuy_content #results .expand table { float: left; width: 548px; margin-bottom: 15px; } #bestbuy_content #results .expand table tfoot td { background: #fff; font-size: 1.3em; text-align: right; padding-right: 2px; border: none; } #bestbuy_content #results .expand .head col1 { width: 332px; } #bestbuy_content #results .expand .head col2 { width: 70px; } #bestbuy_content #results .expand .head col3 { width: 77px; } #bestbuy_content #results .expand .head col4 { width: 63px; } #tooltip_line { font-size: 1.4em; margin: 10px 0; } #tooltip_line span { padding-left: 35px} a.tip { text-indent: -9999em; background: url(img/site_icons.png) no-repeat 0 -480px; width: 16px; margin-left: 10px; height: 17px; position: absolute; } .text a.tip { cursor: pointer; text-indent: none; background: transparent; width: auto; margin: 0; height: auto; position: relative; } #calculation_box, #calculation_box_2 { display: none } #bestbuy_content .sbmt_btn { margin-top: 20px; } #login_box label { color: #000; font-size: 0.8em; font-weight: bold; margin-bottom: 2px; display: block; } #login_box input { border: 1px solid #78aadf; font-size: 0.8em; padding: 3px; width: 180px; margin-bottom: 10px; } #login_box .submit { background: url(img/login-btn.gif) no-repeat; width: 105px; height: 32px; margin-top: 10px; border: none; text-indent: -9999px; } #login_box h3 { margin: 20px 0 0 0; font: 0.8em Georgia, Times, serif; display: block; background: #e6e6e6 url(img/2_lines_grey.gif) repeat-x; padding: 8px 10px 6px; margin-bottom: 20px; font-weight: bold; } #login_box h3 span { color: #5589C1; } /*contact_form*************************/ #contact_form h3 { color: #77818b; font-size: 1.2em; } #contact_form ul { margin: 0 0 5px 95px; } #contact_form li { margin:0; padding:0; list-style: square; color: red; font-size: 1em; } #contact_form { margin-top: 25px; } #contact_form label { display:-moz-inline-box; display: inline-block; width: 80px; vertical-align: top; color: #77818b; font-size: 1em; } #contact_form input { width: 260px; border: 1px solid #77818b; color:#77818b; padding: 2px; margin-bottom: 10px; } #contact_form textarea { width: 260px; border: 1px solid #77818b; color:#77818b; padding: 2px; margin-bottom: 10px; } #contact_form .submit { width: auto; margin-left: 80px; width: 70px; background-color: #eee; text-align: center; } #pk_tooltip { position:absolute; width: 220px; border: 3px solid #f57e20; background:#78aadf; font-size: 1.2em; padding:3px 5px; color:#fff; font-weight: bold; display:none; z-index: 5; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #news_row_1 { overflow: hidden; height: 155px; margin-bottom: 29px; } .news_row { overflow: hidden; height: 156px; margin-bottom: 29px; } .text img { } #card_holder { font-size: 0.9em; margin: 0 53px 20px 0; width: 280px; float: left; } #card_holder p { margin-bottom: 10px; } #card_holder strong { color: #000; } #card_holder a { margin-top: 19px; display:-moz-inline-box; display: inline-block; width: 105px; height: 32px; text-indent: -9999em; background: url(img/kartica_btns.gif) no-repeat; } #card_holder a.confirm { background-position: 0px -32px; margin-left: 10px; } #card_holder h4 { font-weight: bold; font-size: 1.2em; color: #f57e20; margin-bottom: 65px; } #card_holder_border { clear: both; border-bottom: 1px solid #c9c9c9; margin-bottom: 15px; } #card_message { font-weight: bold; font-size: 1.4em; color: #f57e20; margin: 65px 0; text-align: center } #error_message { color: #f57e20; margin: 25px 0; } #error_message a { color: #f57e20; text-decoration: underline } #error_message p { font-size: 0.8em } #error_message a:hover { color: #78aadf; text-decoration: none } /* reality */ #reality_banner { margin-bottom: 5px; position: relative; } .reality a { color: #8dc471; } .reality #article_info .rate { background: url(img/rate.gif) no-repeat -190px 0px; } .reality #article_info .rate a:hover { color: #52c11a; } #reality_wrap { width: 622px; height: 293px; background: url(img/scrollbox_bg.gif) no-repeat; padding: 18px 0 0 15px; position: relative; } #reality_wrap h3 { float: left; width: 275px; padding-right: 20px; border-right: 1px solid #9ec2e4; } #reality_wrap h3 a { display: block; width: 290px; height: 112px; background: url(img/reality_scrollbox_title.gif) no-repeat; text-indent: -9999em; } #reality_wrap dl { float: left; width: 290px; margin: -5px 0 0 15px; font-size: .85em; } #reality_wrap dt { margin-left: 20px; font-size: 1.2em; } #reality_wrap dd { background: url(img/site_icons.png) no-repeat 0 -565px; padding-left: 20px; margin-bottom: 3px } #reality_wrap dd a { color: #60646f; } #reality_wrap dd.more { background-position: 100% -536px; text-align: right; padding: 0 15px 0 0; margin: 5px 5px 0 0 } #reality_wrap dd.more a { color: #52c11a; } #reality_wrap h4 { clear: both; position: absolute; top: 127px; background:url(img/site_icons.png) no-repeat right 2px; padding-right: 27px; font: 1.2 Georgia, Times, serif; font-weight: bold; } #reality_wrap #scrollbox { position: absolute; width: 590px; top: 150px; height: 147px; } #reality_wrap #scrollbox li { padding: 9px 0; background: url(img/scrollbox_dashed.gif) no-repeat 0 bottom; margin: 0 15px; font-size: 1.1em; line-height: 1.1em; } #reality_wrap #scrollbox .scroll-pane { height: 147px; overflow: auto; width: 600px; position: relative; } #overlay { position: absolute; top: 98px; width: 210px; right: 27px; } #overlay h3 { background: url(img/overlay_title.gif) no-repeat; width: 59px; height: 11px; text-indent: -9999em; margin: 0; } #overlay ul { margin: 2px 0; } #overlay li { background: url(img/site_icons.png) no-repeat 0 -562px; padding: 4px 0 0 16px; font-size: 1.2em; line-height: 1.1em } #overlay li a { color: #5f6269; } #overlay li a:hover { text-decoration: underline; } /* jscroll */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; right: 8px; top: 0; height: 148px !important; background: url(img/scroll_track.gif) no-repeat; width: 18px !important; margin-top: 3px } .jScrollPaneDrag { position: absolute; cursor: pointer; background: url(img/drag_grab.png) no-repeat; width: 12px !Important; height: 23px !important; margin: 4px 0 0 3px; } #family_boxes { margin-bottom: 10px; width: 622px; clear: both; } #family_boxes a { color: #52c11a; } .family_box_wrap { float: left; width: 306px; } #first_family.family_box_wrap { margin-right: 10px } .family_box_wrap h2 { font-size: 1.8em; color: #52c11a; padding-bottom: 5px; } .family_box_wrap h2 strong { text-transform: uppercase; } .family_tabs { height: 24px; } .family_tabs li { display: inline; float: left; position: relative; margin-bottom: -1px; } #family_boxes .family_tabs li a { display: block; padding: 2px 0 1px; background: #52c11a; color: #fff; font-weight: bold; margin-left: 2px; width: 73px; text-align: center; border: 1px solid #52c11a; border-bottom: none; height: 20px } #family_boxes .family_tabs li.active a { background: #fff; color: #52c11a; height: 21px } #family_boxes .family_tabs li.first_child a { margin-left: 0; } #family_boxes .family_tabs li a:hover { background: #fff; color: #52c11a; height: 21px; } .family_box h3 { font-size: 1.7em; line-height: 1.2em; margin-top: 10px; font-weight: bold; height: 55px; } .family_box h3 a { color: #606470; } .family_box h3 a:hover { color: #52c11a; text-decoration: underline; } .family_box { padding: 0 5px; border: 1px solid #52c11a; clear: both; font-size: .9em; height: 314px } .family_separated { border-bottom: 1px solid #dedede; padding: 0 10px 8px; margin-top: 8px; font-size: .95em; height: 76px } .family_separated h4 { font-weight: bold; margin: 6px 0 5px 0; } .family_separated a:hover { text-decoration: underline; } .family_box .lead_wrap { height: 179px; } .family_box .lead { height: 124px } .pkp_pages { font-size: .9em; margin: 8px 0; float: left; height: 15px; padding: 0 10px; clear: both; width: 270px; } .pkp_pages a { color: #bebebe !important; } .pkp_pages strong { color: #52c11a } .pkp_pages a:hover { color: #52c11a !important; text-decoration: none; } .pkp_previus { margin-right: 4px; } /* background: url(img/site_icons.png) no-repeat right -550px; */ .pkp_next { margin-left: 4px; } /* background: url(img/site_icons.png) no-repeat right -538px; */ #advices { border: 1px solid #52c11a; padding: 5px 0 5px 5px; height: 170px; margin-bottom: 10px; width: 615px; } #advices .advice_lead { width: 300px; float: left; margin-right: 10px; font-size: 0.9em } #advices .advice_lead h2 { height: 55px; } #advices .advice_lead h2 a { font-size: 2em; color: #52c11d; line-height: 1em; } #advices .advice_lead h2 a:hover { text-decoration: underline; } #advices .adv_img { border: 4px solid #dedede; } #advices .lead_text { height: 92px; border-bottom: 1px solid #dedede; margin-bottom: 5px; } #advices .pkp_pages { margin: 0; } #advices .pkp_more { margin: 0; } #advices .advice_img { float: left; width: 300px; } #sponsors { margin-top: 20px; } #article_content #services { font-size: .7em; } .kpk-loader_1 { margin: 100px 110px } .kpk-loader_2 { margin: 55px 270px } .close { display: none } #budzet_1, #ciljevi_1, #savjeti_1, #budzet_2, #ciljevi_2, #savjeti_2 { display: none } #budzet_1 img, #ciljevi_1 img, #savjeti_1 img, #budzet_2 img, #ciljevi_2 img, #savjeti_2 img { border:4px solid #DEDEDE; margin: 5px 3px; } #search_results a:visited, #links a:visited, #qa_list a:visited, .last_posts a:visited, .ya_list a:visited, #head_topic a:visited, #list_additional a:visited, #latest-popular a:visited, #news_row_1 a:visited, #main_news a:visited { color: #78aadf !important; }