/* 1. Global ---------------------------------------*/ html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,input,textarea,table,tr,th,td { margin:0; padding:0 } body { background:#f9f6db url( ) repeat-x; font:11px Tahoma, Arial, sans-serif; color:#872e7e } /* #ffface #4d4d4d */ button, input, select, textarea { font:11px Tahoma, Arial } button { font-weight:bold } fieldset,img { border:0 } hr { clear:both; visibility:hidden } ol, ul { list-style:none } table { border-collapse:collapse; border-spacing:0 } :focus { outline:0 } h1 { font-size:19px; color:#872e7e; } h2 { font-size:12px; color:#872e7e; } h3 { font-size:11px; color:#872e7e; } h4 { font-size:30px; color:#872e7e; } /* Logo font */ a { /*color:#7f99ae; 6b8499*/ color:#872e7e; text-decoration:none } a:hover { text-decoration:underline } /* 2. Wrapper ---------------------------------------*/ #width { margin:0 auto; padding:0 10px; width:950px; text-align:left } /* 3. Header ---------------------------------------*/ #masthead {background:url(image/nlp_head-002.jpg) no-repeat 100% 0; height: 130px} #site-logo { margin:50px 0 0 0; float:left; background:url( ) no-repeat } #masthead #site-logo a { display:block; height:57px; text-indent:-9999px } #masthead #leaderboard { margin:7px 0 0 0; padding:10px 0 0 0; float:right; height:90px; background:url( ) no-repeat 100% 0 } /* 4. Navigation ---------------------------------------*/ #tabs {margin:10px 0 0 0;padding:0 0 10px 0;background:url( ) repeat-x 0 100%;border-top:4px solid #a2a2a2} #tabs ul{position:absolute;display:block} #tabs li{float:left;height:auto;display:inline;background:#969696 url(image/bg_grey_tab.gif) no-repeat} #tabs li ul{visibility:hidden;z-index:100;border-top:1px solid #fcd290} #tabs li li{float:none;display:block;background:#fff0ce} #tabs a{width:117px;font-weight:bold;color:#fff;line-height:20px;text-align:center;display:block;background:url(image/bg_grey_tab.gif) no-repeat top left;border-right:1px solid #a2a2a2} #tabs a:hover, #tabs a.selected{background:url(image/bg_orange_tab.gif) #fcda2e no-repeat top left;color:#fff;text-decoration:none} #tabs li.l a{width:124px;border:none} #tabs ul a{font-weight:normal;color:#666;line-height:20px;width:116px;background:#fff0ce;border-right:1px solid #fcd290;border-left:1px solid #fcd290;border-bottom:1px solid #fcd290} #tabs li li li{background:#fff9ea} #tabs li li ul{position:absolute;margin:-22px 0 0 117px} #tabs ul ul a{background:#fff9ea} #tabs ul a:hover, #tabs ul a.selected{background:url(image/bg_orange_tab.gif) no-repeat bottom left} #tabs a.promo, #tabs a.promo:hover{background:url(image/bg_promo_tab.gif) #6d889d no-repeat top left;color:#b8d4ea;text-decoration:none} #sub-nav #links { float:left; width:500px; line-height:20px; color:#999 } #search-bar { float:right; width:380px; text-align:right } #search-bar legend { display:none } #search-bar input { width:270px; vertical-align:middle } #search-bar button { margin:0 0 1px 3px; vertical-align:middle } #languages { margin:10px 0 0 0; background:#849eb3 url(image/bg_blue_tab.gif) repeat-x; border-top:4px solid #d8e1e9 } #languages li { float:left; width:79px } #languages li a { display:block; border-right:1px solid #d8e1e9; line-height:20px; text-align:center; color:#FFF } #languages li a:hover, #languages a.selected { background:#f7991c url(image/bg_orange_tab.gif) no-repeat; text-decoration:none } #languages li.l { width:81px } #languages li.l a { border:none } /* 5. Content ---------------------------------------*/ #content { padding:0 0 10px 0; background:#ffface url() repeat-x } #col1 { padding:0px 0; float:left; width:610px; background:#ffface } #col2 { padding:0 0 13px 0; float:right; width:320px; background: url(image/bg_right-end.gif) no-repeat 0 100% } #col2-top { padding: 1px 10px 10px 0; background: #ffface url(image/bg_right-bottom.gif) no-repeat 0 100%} #col2-bottom { padding:5px 10px 0px 9px; background: #f2f2f2 url(image/bg_right-top.gif) no-repeat; border-left:1px solid #CCC } /* 6.1 Breadcrumb ---------------------------------------*/ /* 6.2 Listing ---------------------------------------*/ /* 6.3 Story ---------------------------------------*/ #head { position:relative } #head h1 { margin:0 0 3px 0; font:bold 21px/24px Arial, Helvetica, sans-serif } #head h3 { font-weight:normal } #head h3, #head p { padding:0 150px 0 0; line-height:16px } #head #text-change { position:absolute; right:0; bottom:0; line-height:16px; text-align:right } #head #text-change a { cursor:pointer } #size-1 { font-weight:bold } .size-1 { font-size:11px } .size-2 { font-size:12px } .tools { margin:10px 0; padding:6px 0 0 0; height:30px; background:url(image/double_grey_dot.gif) repeat-x } .tools li { margin:0 5px 0 0; padding:2px 5px 2px 20px; float:left; background-repeat:no-repeat; background-position:0 50%; border-right:1px solid #CCC } .tools li.last { border:none } .tools li.print { background-image:url(image/printico.gif) } .tools li.emailthis { background-image:url(image/emailico.gif) } .tools li.leavecomment { background-image:url(image/commentico.gif) } .tools li.diggthis { background-image:url(image/digg_16x16.gif) } .tools li.delicious { background-image:url(image/delicious.small.gif) } .tools li.clipthis { background-image:url(image/clip.gif) } #story2 { height:555px; } #story { line-height:16px; text-align: justify; padding:5px 0px 0px 16px; } #story p, #story h1, #story ul, #story ol { margin:0 0 15px 0 } #story pre { margin:0 0 15px 0; overflow:auto; width:100% } #story ul li, #story ol li { margin:0 0 10px 15px } #story ul li { list-style-type:disc } #story ol li { list-style-type:decimal } #story blockquote { margin:0; padding:0 0 0 30px; background:url(image/quote-left.gif) no-repeat } #story #prodimg { margin:0 0 15px 0; text-align:center } #story .aligncenter { margin:0 0 15px 0; text-align:center } #story .alignleft, #story .boxleft, .img_left, .img-left { margin:0 10px 10px 0; float:left; font-size:10px; font-weight:700; text-align:center } #story .alignright, #story .boxright, .img_right, .img-right { margin:0 0 10px 10px; float:right; font-size:10px; font-weight:700; text-align:center } #story .alignright p, #story .alignleft p, #story .boxright p, #story .boxleft p, #story .aligncenter p { margin:8px 0 0 0; padding:0 } #story .boxleft, #story .boxright { padding:8px; background:#f2f2f2; border:1px solid #CCC; text-align:center } #story .clarification { padding:5px 10px; background:#ffffeb; border:1px solid #ebe6bc; text-align:center } #story .clarification a { color:#bf7300 } #story .highlight { color:#6b8499 } #story .precode { font:11px courier, monospace } #story .pullout thead th, #story .pullout h2 { padding:3px 10px; background:#F8A11B; color:#fff } #story .pullout tbody th, #story .pullout ul { background:#F2F2F2; padding:3px 10px; font-weight:normal } #story .pullout ul { margin:0 } #story .pullout tbody td, #story .pullout h3 { padding:3px 10px; background:#FFE6BF; color:#EF7B1D } #story .smdeck { font-weight:bold } #story .quote { padding:0 10px 15px 40px; background:url(image/quote.jpg) no-repeat; font:bold 12px tahoma, arial, sans-serif; color:#999 } #story .quote-right { margin:0 0 15px 10px; padding:0; float:right; width:165px; border:none; background:none } #story .quote-left { margin:0 10px 15px 0; padding:0; float:left; width:165px; border:none; background:none } #story .quote-right p, #story .quote-left p { margin:0; padding:0 0 0 27px } #story .quote-right span, #story .quote-left span { font:bold 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#6b8499 } #story .quote-right .quotation, #story .quote-left .quotation { position:absolute; margin:-6px 0 0 -27px } #story .quote-right .credit, #story .quote-left .credit { margin:5px 0 0 0; color:#666 } #story .quote-right img, #story .quote-left img { padding:3px 0 0; vertical-align:top } #story .aligncenter p, #story .alignleft p, #story .alignright p {color:#999;} #contentsBox { margin:0 15px 15px 0; padding:10px; float:left; width:130px; border:1px solid #CCC; background:#f8f8f8 } #contentsBox p { margin:0 0 5px 0 } #contentsBox p.title { text-transform:uppercase } #contentsBox ul { margin:0 } #contentsBox ul li { margin:0; padding:0 0 4px 15px; background:url(image/arrow-grey.gif) no-repeat 0 3px; list-style:none; font-weight:bold } #related-links, .comments, .leavecomment { margin:0 0 20px 0 } #col2-top .comments { margin:10px 0 } #forum-tie-in, #franchise-tie-in { margin:15px 0; padding:5px; border:2px solid #e5e5e5; text-align:center } #forum-tie-in img, #franchise-tie-in img { margin:0 10px 0 0; vertical-align:middle } .bootstrapper-opinion { font-size:1.6em } .bust span { color:#C00 } .boom span { color:#093 } /* 6.4 Pagination ---------------------------------------*/ /* 6.5 Comments ---------------------------------------*/ /* 7.1 Boxes ---------------------------------------*/ .box-tabs { background:url(image/box-tab-btm.gif) repeat-x 0 100% } .box-tabs li { float:left } .box-tabs li span { padding:5px 10px; display:block; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer; color:#999 } .box-tabs li span:hover { background:#f2f2f2 } .box-tabs .last-tab { border-right-color:#FFF } .box-tabs .active span, .box-tabs .active span:hover { background:#FFF; border-bottom-color:#FFF; font-weight:bold; color:#666 } .box-tabs .active .last-tab { border-right-color:#e5e5e5 } .box { margin:10px 0 0; border-bottom:3px solid #e5e5e5 } .box .box-border { background:#ffface; border:1px solid #CCC } .box .box-border2 { background:#9F5697; border:1px solid #FFC400 } .box-content, .box-content-dl { margin:10px } .box-content li { margin:0 0 7px 0; padding:0 0 0px 0; border-bottom:1px solid #e5e5e5; line-height:14px } .box-content li a span, .box-content li a:hover span { color:#4d4d4d } .box-content .last, .box-content .more { margin:0; padding:0; border:none } .box-content .more { font-weight:normal; text-align:right } .box-content .timestamp { font-size:10px; white-space:nowrap; color:#999 } .most-discussed .comments { margin:0; float:right; width:26px; height:19px; background:url(image/comments.gif) no-repeat; text-align:center; color:#666 } .most-discussed .comments span { display:none } #box-blogs .box-content img, #box-marketing .box-content img { margin:0 0 10px 10px; float:right } #box-blogs .author { clear:both; float:right; font-size:10px; text-align:right } #box-downloads .box-tabs .active span { background:url(image/box-tab-btm.gif) repeat-x 0 0 } #box-news .box-content li { margin:0 0 5px 0; padding:0 0 5px 0 } #box-news .box-content a { font-weight:bold } #box-news .more a { font-weight:normal } #box-tag-cloud .box-content { text-align:center } /* 7.2 Newsletters ---------------------------------------*/ #box-newsletters ul li { border-bottom:1px solid #e5e5e5; vertical-align:bottom } #box-newsletters ul li p { margin:0 5px 0 0; padding:7px 10px; float:left; width:125px } #box-newsletters ul li ul { padding:7px 0; float:left; width:145px } #box-newsletters ul li ul li { margin:0; padding:0; border:none; display:inline } #box-newsletters .selected { background:#FFF url(image/newsletters-bg.gif) repeat-x 0 100% } #box-newsletters .selected p { ; background:url(image/newsletters-flag.gif) no-repeat 100% 50%; color:#FFF } #box-newsletters .selected p, #box-newsletters .selected a { font-weight:bold } /* 8. Advertisements ---------------------------------------*/ /* 9. Common ---------------------------------------*/ #latest-videos { margin:0 0 20px 0 } #latest-videos h3 { width:120px; clear:both } #poll-submit, #poll-results, #poll-loading { margin:0 0 10px 10px; padding:10px; float:right; width:160px; border:1px solid #CCC } #poll-submit ul { margin:0 0 10px 0; display:table } #poll-submit ul li, #poll-results ul li { margin:0; list-style:none } #poll-submit ul li { margin:0 0 5px 0; clear:both } #poll-submit input, #poll-submit label { float:left } #poll-submit label { width:130px; margin:0 0 0 5px } #poll-results ul, #poll-results .total-votes { margin:0 } #poll-results .voting-result { margin:2px 10px 8px 0; position:relative; width:155px; background:#dedede } #poll-results .voting-result .voting-bar { display:block; position:relative; height:10px; line-height:10px; background:#7f99ae } #poll-results .total-votes { text-align:center; font-weight:bold } .center { margin:0 auto; text-align:center } .error { font-weight:bold; color:#E00 } .error-msg, .confirm-msg { margin:0 0 10px 0; padding:10px 10px 10px 50px; border:1px solid #FCC; background:#fff5f5 url(image/icon-error.gif) no-repeat 10px 50% } .confirm-msg { background-color:#F2FFE3; background-image:url(image/icon-confirm.gif); border-color:#BFF2A5 } .fl { float:left } .fr { float:right } .form {margin:5px 0 10px 0} .form h2{margin:15px 0 5px 0} .form p{margin:0 0 5px 0} .form input{float:left;width:190px;margin:0 5px 0 0} .form textarea{float:left;width:350px;height:100px;margin:0 5px 0 0} .form input.checkbox{width:15px} .form button{float:left;width:auto;margin:0 5px 0 0} .form select{float:left;width:195px;margin:0 5px 0 0} .grid-2-col { float:left; width:305px; } .grid-3-col { float:left; width:203px } .grid-4-col { float:left; width:152px } .grid-22-col {width: 280px} .hide, .builder-hide, .trdeck { display:none } .list li { margin:0 0 7px 0; padding:0 0 0 15px; background:url(image/arrow-grey.gif) no-repeat 0 3px } .list a { font-weight:bold } .list-forum-posts li, .list-downloads li { margin:0 0 7px 0; padding: 0px 10px 5px 36px; background:url(image/arrow-grey.gif) no-repeat 16px 1px } .list-forum-posts li a, .list-downloads li a { font-weight:bold } .list-forum-posts li {padding-right:20px } .list-downloads li { padding-left:22px; background-image:url(image/arrow-grey.gif); border:none } .section-heading { margin:0 0 10px 0; padding:6px 6px 6px 16px; background:url(image/heading-bg.gif) repeat-x 0 100%; color:#4d4d4d } .section-heading h1, .section-heading h2 { float:left; font:bold 21px/24px Helvetica, Arial, sans-serif } .section-heading h1 a, .section-heading h2 a { padding:0 28px 0 0; background:url(image/heading-more.gif) 100% 50% no-repeat; color:#;#872e7e; /* #4d4d4d */} .section-heading h1 a:hover, .section-heading h2 a:hover { background-image:url(image/heading-more-hover.gif); text-decoration:none } .section-heading p { padding:5px 0 0 0; float:right } .section-heading span { font-weight:normal; color:#999 } #col2 .section-heading, #page-top .section-heading, #members-sidebar .section-heading { margin:0 0 7px 0; padding:0; background:none } #col2 .section-heading h2, #page-top .section-heading h2, #members-sidebar .section-heading h2 { font:bold 15px Arial, Helvetica, sans-serif } #col2 .section-heading3 h2, #page-top .section-heading3 h2, #members-sidebar .section-heading3 h2 { font:bold 15px Arial, Helvetica, sans-serif } #col2 .section-heading h2 a, #page-top .section-heading h2 a, #members-sidebar .section-heading h2 a { padding:2px 24px 2px 0; background-image:url(image/heading-more-sml.gif) } #col2 .section-heading h2 a:hover, #page-top .section-heading h2 a:hover, #members-sidebar .section-heading h2 a:hover { background-image:url(image/heading-more-sml-hover.gif) } .section-heading2 { margin:0 0 0 0; padding:6px 6px 6px 6px; background-color:#9F5697; text-align: center } .section-heading2 h2 a { font:bold 15px Arial, Helvetica, sans-serif; color:#FFC400; letter-spacing: 3px } #col2 .section-heading p, #members-sidebar .section-heading p { padding:0 } #col2-bottom .section-heading, #members-sidebar .section-heading { margin:0; padding:7px 10px; background-image:url(image/heading-bg-col.gif); border-bottom:1px solid #CCC } #col2-bottom .section-heading3, #members-sidebar .section-heading3 { margin:0; padding:7px 10px; background-image:url(image/video-h2_bg-orange.png); border-bottom:1px solid #CCC } .box .box-border a {color:#872e7e; text-decoration:underline } .box .box-border a:hover { text-decoration:none } #col2 .comments .section-heading { margin:0; padding:0 0 6px 0; border-bottom:1px solid #e5e5e5 } .timestamp { font-size:10px; white-space:nowrap; color:#4d4d4d; } span.download, span.login, span.rss, span.tag, span.thumb-down, span.thumb-up { padding:2px 0 2px 20px; background:url(image/feedico.gif) no-repeat 0 50% } span.download { background-image:url(image/downloadico.gif) } span.login { background-image:url(image/loginico.gif) } span.rss { padding-left:16px } span.tag { background-image:url(image/tag-add.gif) } span.thumb-down { background-image:url(image/thumb_down.gif) } span.thumb-up { background-image:url(image/thumb_up.gif) } span.twitter2 { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/twitter2.png) no-repeat 0 50% } span.twitter { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/twitter.png) no-repeat 0 50% } span.facebook { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/facebook.png) no-repeat 0 50% } span.startlap { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/startlap.gif) no-repeat 0 50% } span.iwiw { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/iwiw.png) no-repeat 0 50% } span.google2 { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/google_reader.png) no-repeat 0 50% } span.google { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/google.png) no-repeat 0 50% } span.delicious { padding: 0px 0 2px 16px; background:url(http://www.nlpakademia.hu/css/image/delicious.gif) no-repeat 0 50% } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block } .clearfix-last {background-color: red} /* Hides from IE-mac \*/ .clearfix { display:block } /* End hide from IE-mac */ /* 10. Homepage ---------------------------------------*/ #page-top { position:relative; background:url(image/page-top-shadow.gif) repeat-x } #page-top #news-carousel { float:left; width:630px; height:220px; position:relative } #page-top #carousel, #page-top #carousel a { color:#FFF } #carousel h3 { color:#FFF } #page-top #carousel h2 { padding:0 180px 0 0; font:bold 28px/32px Arial, Helvetica, sans-serif } #page-top #carousel h5 { padding:0 180px 0 0; font:bold 20px/24px Arial, Helvetica, sans-serif } #page-top #carousel p { margin:8px 0 0 0; padding:0 220px 0 0; line-height:16px } #page-top #carousel-nav { position:absolute; bottom:0; left:20px; z-index:100 } #page-top #carousel-nav a { margin:0 2px 0 0; padding:5px 8px; float:left; display:block; border:1px solid #acb9c1; border-bottom:none; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer } #page-top #carousel-nav a.selected, #page-top #carousel-nav a.selected:hover { background:#e4e8eb; border-color:#e4e8eb; color:#6b8499 } #page-top #carousel .slide { padding:20px; position:absolute; top:0; left:0; height:180px; width:590px; background-repeat:no-repeat; background-color:#6b8499 } #page-top #carousel .tags a { color:#cad4d9 } #page-top #latest-stories { float:right; width:320px; background:#ffface } #page-top #latest-stories #col2-top { padding:15px; min-height:190px; background-position:100% 100% } #top-stories{background:url(image/top-stories.gif) no-repeat bottom left;padding:0 0 15px 0} .top-story{width:184px;float:left;padding:0 13px} #top-stories h1 {margin:5px 0 0 0} #top-stories p {line-height:16px;margin:5px 0 0 0} #top-stories .first{padding:0 13px 0 0} #top-stories .last{padding:0 0 0 13px} .top-story img{border-bottom:3px solid #e5e5e5;} #how-to{margin-top:-10px;background:url(image/grey_dot.gif) repeat-x bottom} /* 19. Footer ---------------------------------------*/ #footer { margin:15px 0 0 0 } #footer p { padding:0 0 10px 0 } #subnav-container { padding:10px 0 } #schedule{width:100%;margin:0; padding: 0 0 15px 0;} .schedule-col1{width:80%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(image/bg_grey_tab.gif) repeat-x top left;color:#fff} .schedule-col2{width:60%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(image/bg_grey_tab.gif) repeat-x top left;color:#fff} .schedule-col3{width:20%;float:left;text-align:center;line-height:20px;background:#F79D1D url(image/bg_orange_tab.gif) repeat-x top left;color:#fff;font-weight:bold} .schedule-col4{width:20%;float:left;text-align:center;line-height:20px;background:#A2A2A2 url(image/bg_grey_tab.gif) repeat-x top left;color:#fff} #schedule table{clear:both;width:100%;border-right:1px solid #A2A2A2;} #schedule table td, #schedule table th{padding:5px;border-left:1px solid #A2A2A2;border-bottom:1px solid #A2A2A2;text-align:center} #schedule table th{background:#D8E1E9} .taglink { padding-left:15px} .img-hack{display:block;width:88px;height:66px;} .story-tag { position:relative; top:4px; } #story-tags { margin-top:9px } .author-image { } .s-photo{ background-image:url(image/shadow.gif); background-position: right bottom; padding-bottom:10px; padding-right:12px; background-repeat:no-repeat; } img.floatLeft { float: left; margin: 6px; } img.floatCenter { float: center; margin: 6px; } /* EMAIL */ #main-container{ background-color:#9f5697; /* 872E7E; */ width:299px; margin:0px auto; } #form-container h1{ letter-spacing:3px; border-bottom:1px solid #ffc400; margin:0 0 7px; color:#ffc400; padding: 15px; } #form-container h2{ color:#ffc400; padding: 10px; } #form-container a { color:#FFFACE; text-decoration:none; } #form-container a:hover { color:#FFFACE; text-decoration: underline; } #contact-form input { vertical-align:middle; width:180px; padding: 1px; font-size:13px;; margin: 5px; } #contact-form textarea { vertical-align:middle; width:180px; padding: 1px; font-size:13px; margin: 5px; } #contact-form select { vertical-align:middle; width:190px; padding: 1px; font-size:13px; margin: 5px; } #contact-form button { color:#872E7E; margin:0 0 1px 3px; vertical-align:middle; padding: 1px; font-size:13px; margin: 5px; } .error{ background-color:#AB0000; border:1px solid #ffc400; font-family:Tahoma,Arial,Sans-serif; color:#ffc400; font-size:10px; font-weight:bold; margin:14px; padding:10px; text-transform:uppercase; width:250px; vertical-align: middle } #contact-form label{ text-transform:uppercase; font-weight:bold; color:#ffc400; padding: 1px; font-size:11px; margin: 5px; } /* sikertörténetek vissza */ #box-newsletters-2 a { padding:0 28px 10px 25px; background:url(image/heading-more-sml-2.gif) no-repeat; color:#;#872e7e; font-weight:bold} #box-newsletters-2 a:hover { background-image:url(image/heading-more-sml-hover-2.gif); text-decoration:underline; font-weight:bold} /* képtár */ * {margin:0; padding:0} .sm {list-style:none; width:610px; height:350px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden} #screen { position:absolute; top: 325px; /* fejléctől való távolság */ width: 610px; /* kép kijelző mérete*/ height: 458px; overflow: hidden; background: #FFC400; } #grid { position:absolute; } #grid img { position: absolute; cursor: pointer; left: -10000px; -ms-interpolation-mode:nearest-neighbor; } #grid .over { border: #FFC400 solid; } #notice { position: absolute; font-size: 0.7em; left: 1em; top: 1em; width: 15em; background: #000; filter: alpha(opacity=70); opacity: 0.7; cursor: help; padding: 0.2em; } #notice span { color: #f80; } #caption { position: absolute; left: -165px; top: 305px; width: 100%; font-weight: bold; text-align: center; } #share { border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; line-height:16px; text-align: justify; padding: 15px 0px 0px 0px; margin:0 0 10px 15px; } #share p { margin:0 0 15px 0 } #box-newsletters-4 { background: #fcf2a1; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; line-height:16px; text-align: justify; padding: 15px 10px 15px 10px; } #box-newsletters-3 { border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; line-height:16px; text-align: justify; padding: 15px 10px 15px 10px; } /* Site map -------------------*/ #sitemap dl { margin:15px 15px 0 0; float:left; width:250px; } #sitemap h2 { margin:0 0 10px 0; padding:0 0 0 15px; background:url(http://cdn.cbsi.com.au/builder/i/x/arrow_blue.gif) no-repeat center left; font-size:14px; } #sitemap dd { margin:0; } #sitemap_col1 dd ul li ul, #sitemap_col2 dd ul li ul { margin:10px 0; } #sitemap_col1 dd ul { margin-left:30px; } #sitemap_col2 dd ul { margin-left:30px; } #box-attention { border:2px solid red; color: red; text-align: center; padding: 10px; } #box-marketing input { color:#872E7E; padding:1px; vertical-align:middle; font-weight:bold; } p#blinking {text-decoration: blink;}