/* Layout ----------------------------------------------------------- */ html { height: 100%;} body { height: 100%; margin: 0px; padding: 0px; font-family : Arial, sans-serif; font-size:11px; color:#535353;} div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } fieldset { border: 1px solid #cccccc; padding: 10px 8px; margin: 0 0 8px 0; background: #ebebeb;} legend, legend A{ font-weight:bold;} h1, h2, h3, h5, h6 { font-size : 100%; font-weight : bold; } a:link, a:visited { text-decoration : none; font-weight : normal; color : #163d4e; cursor:pointer;} a:hover, a:active { color : #545239; text-decoration : none; outline: none;} a:focus { outline: none;} small { font-size : 10px;} em { font-style : italic; } strong { font-weight : bold; } .clear {clear: both;} #container { position: relative; width: 950px; height: auto; margin: 0px auto; padding: 0px; } /* Header Layout */ #header { position: relative; background: transparent url(../images/shadow.gif) no-repeat center bottom; height: 100px; margin: 0px auto; padding: 0px; width: 950px; } /*Language Drop-down menu*/ #langbar{ position:absolute; z-index: 9998; right: 0px; top: 3px; } #langbar a#currentlang { position: relative; color:#535353; display:block; text-decoration:none; height:20px; line-height:20px; float:left; background:url(../images/select.ender.png) right top no-repeat; margin-left:10px; padding-right:18px;} #langbar a#currentlang b { font-weight: normal; cursor:pointer; display:block; height:20px; line-height:20px; float:left; width:160px; background:url(../images/select.begginer.png) left top no-repeat; padding-right:10px;} #langbar a#currentlang:hover { height:20px; line-height:20px; background:url(../images/select.ender.png) right -20px no-repeat; padding-right:18px; } #langbar #otherlang { position: absolute; z-index: 9999; top: 20px; left: 10px; _left: 20px; width:170px; white-space:nowrap; overflow:hidden; background:#f9f9f9;} #langbar #otherlang a { color:#535353; display:block; height:auto; line-height: 14px; z-index: 9999;} #langbar #otherlang a:hover { text-decoration:none; color: #989898;} #langbar span { display:block; line-height:20px; margin-left:10px; padding-left: 24px;} #langbar span.be { background: transparent url(../images/langs/be.gif) no-repeat left;} #langbar span.bem { display:none !important;} /***/ #langbar span { display:block; line-height:20px; margin-left:10px; padding-left: 24px;} #langbar span.rom { background: transparent url(../images/langs/ro.gif) no-repeat left;} #langbar span.atm { background: transparent url(../images/langs/at.gif) no-repeat left;} #langbar span.chm { background: transparent url(../images/langs/ch.gif) no-repeat left;} #langbar span.gbm { background: transparent url(../images/langs/gb.gif) no-repeat left;} #langbar span.czm { background: transparent url(../images/langs/cz.gif) no-repeat left;} #langbar span.dem { background: transparent url(../images/langs/de.gif) no-repeat left;} #langbar span.plm { background: transparent url(../images/langs/pl.gif) no-repeat left;} #langbar span.rum { background: transparent url(../images/langs/ru.gif) no-repeat left;} #langbar span.usm { background: transparent url(../images/langs/us.gif) no-repeat left;} #langbar span.frm { background: transparent url(../images/langs/fr.gif) no-repeat left;} #langbar span.bem { background: transparent url(../images/langs/be.gif) no-repeat left;} #langbar span.iem { background: transparent url(../images/langs/ie.gif) no-repeat left;} #langbar span.hum { background: transparent url(../images/langs/hu.gif) no-repeat left;} #langbar span.zam { background: transparent url(../images/langs/za.png) no-repeat left;} #langbar span.aum { background: transparent url(../images/langs/au.png) no-repeat left;} #langbar span.grm { background: transparent url(../images/langs/gr.png) no-repeat left;} /*Statystics*/ #counterDiv { position: relative; float:right; margin-top: 30px; text-align: right; z-index: 9997; color: #5499d9; } #counterDiv span { margin-left: 10px; } /*Logo*/ #logo { position: relative; display:block; height: 83px; width: 227px; margin: 0px; z-index: 9998; } #logo object { position: absolute; top: 9px; } #logo a { text-decoration: none; } /*Menu*/ #menu { position: relative; float: left; width: 950px; height: 38px; margin: -28px 0 0 0; background: transparent url(../images/menu_bg.gif) repeat-x; position:relative; } #menu .menu_beginner{ position: relative; float: left; width: 6px; height: 38px; background: transparent url(../images/menu_beginner.gif) no-repeat top left;} #menu .menu_ender{ position: relative; float: right; width: 6px; height: 38px; background: transparent url(../images/menu_ender.gif) no-repeat top right;} .menu_container { float: right; list-style:none; padding:5px 0 0 0px; margin:0px; height:38px; text-transform:uppercase; font-weight:bold; font-size: 14px; } .menu_container li {display:block; float:left; margin:0px -10px -1px 0px;} .menu_container li a {display:block; text-decoration:none; position:relative;} .menu_container li a b.p1 {display:block; height:28px; line-height:28px; width:3px; float:left; cursor:pointer;} .menu_container li a b.p2 {display:block; height:28px; line-height:28px; float:left; padding:0 10px; text-align:center; font-weight:bold; color: #fff; cursor:pointer;} .menu_container li a b.p3 {display:block; height:28px; line-height:28px; width:26px; float:left; position:relative; z-index:100; cursor:pointer;} .menu_container li a:hover, .menu_container li a:focus, .menu_container li a:active {border:0; z-index:500;} .menu_container li a:hover b.p1, .menu_container li a:focus b.p1, .menu_container li a:active b.p1 {position:relative; z-index:200; background:url(../images/tabs_inactive_beginner.gif) no-repeat; } .menu_container li a:hover b.p2, .menu_container li a:focus b.p2, .menu_container li a:active b.p2 {position:relative; z-index:200; background:url(../images/tabs_inactive_bg.gif) repeat-x;} .menu_container li a:hover b.p3, .menu_container li a:focus b.p3, .menu_container li a:active b.p3 {position:relative; z-index:200; background:url(../images/tabs_inactive_ender.gif) no-repeat; } .menu_container li a.m1 {z-index:400;} .menu_container li a.m2 {z-index:300;} .menu_container li a.m3 {z-index:200;} .menu_container li a.m4 {z-index:100;} .menu_container li a.selected {z-index:800;} .menu_container li a.selected b.p1, .menu_container li a:hover.selected b.p1, .menu_container li a:active.selected b.p1 {position:relative; z-index:200; background:url(../images/tabs_active_beginner.gif) no-repeat; cursor:default; } .menu_container li a.selected b.p2, .menu_container li a:hover.selected b.p2, .menu_container li a:active.selected b.p2 {position:relative; z-index:200; background:url(../images/tabs_active_bg.gif) repeat-x; color: #6dabe5; cursor:default;} .menu_container li a.selected b.p3, .menu_container li a:hover.selected b.p3, .menu_container li a:active.selected b.p3 {position:relative; z-index:200; background:url(../images/tabs_active_ender.gif) no-repeat; cursor:default;} .container {text-decoration:none;} /* Content Layout */ #content { position: relative; width: 950px; min-height: 570px; margin: 0px; padding: 0px; } #iqtest { position: relative; margin-top: 14px; width: 950px;} #charts { position: relative; margin-top: 14px; width: 950px; text-align: center; } /*Video*/ #info{ position: relative; float: left; width: 600px; min-height: 400px; margin: 14px 30px 18px 0px;} #terms{ position: relative; float: left; width: 600px; min-height: 400px; margin: 14px 30px 18px 0px; } #video { position: relative; float: left; width: 600px; min-height: 300px; margin: 14px 30px 18px 0px; } #resultswf { position: relative; float: left; width: 600px; min-height: 800px; margin: 14px 30px 18px 0px; } /*Chart*/ #chart { position: relative; float: right; width: 320px; height: 270px; margin-top: -10px; background:transparent url(../images/shadow_chart.gif) repeat-x left top;} p.chart_title { font-size: 12px; font-weight: bold; margin-bottom: 11px; color:#5499d9; text-align: center; margin-top: 14px;} p.chart_title strong { font-size: 16px; color:red; } /*Charts page*/ #charts .charts { position: relative; margin: 0px auto; width: 950px; } #charts .top_countries { position: relative; width: 950px;} #charts .top_countries .layer { position: relative; float: left; width: 200px; text-align: left; margin-right: 50px; background:transparent url(../images/dots_v.gif) repeat-y 225px top;} #charts .top_countries .layer.last { position: relative; margin-right: 0px;} #charts .top_countries .layer .continent_title { position: relative; font-size: 14px; font-weight: bold; margin-bottom: 12px; color: #6DABE5; } .country { position: relative; height:40px; width:200px; background:transparent url(../images/dots_h.gif) repeat-x left bottom; margin-bottom: 7px;} .country img { float: left;} .country h3 { position: absolute; top: auto; left: 48px; margin-top: 0px; font-weight:bold; text-transform: uppercase; width: 152px; color: #838383; } .country h3 strong, .country span.place strong{ color:#838383; font-size: 11px; font-weight:normal; text-transform: none;} .country span.place { float: right; position:absolute; right:0px; top:auto; color: red; font-size:20px; font-weight:bold; text-align: right;} /*Additional info page*/ #accordion { position: relative; margin:0px; } h3.toggler { cursor: pointer; height: 18px; background: #6dabe5; color: #fff; margin: 0 0 4px 0; padding: 3px 5px 1px; font-size: 12px;} #contact h3.toggler, #about h3.toggler {cursor: default;} div.element {margin: 8px 0px 6px 12px; text-align: justify;} div.results {margin: 8px 0px 6px 12px; height: 300px; } p.paragraph{ padding-bottom: 12px; } p.results{ text-align: center; font-weight: bold; font-size: 18px; padding: 30px 0px 10px 0px;} p.results.buttons{ padding: 46px 0px 10px 0px;} p.again { text-align: center; font-weight: bold; font-size: 14px; margin-top: 20px;} p.again a { font-weight: bold; text-decoration: underline; } span.iqresult{ margin-left: 8px; color: red; font-size: 20px; } p.congratz{ font-size: 12px; margin-top: 24px;} p.results_swf{ margin-top: 24px;} p.back a{ background:transparent url(../images/back.png) no-repeat left; padding: 10px;} ul.bullet { padding : 0; list-style-position:outside; margin-left: 18px; } ul.bullet li { list-style-type:circle; line-height : 16px; } ol.bullet { margin-left: 18px; padding: 0; list-style-position:outside;} ol.bullet li {line-height : 16px; margin-top: 10px; } ol.bullet li ul { margin-left: 14px;} /*Select all*/ .holder .text { padding: 20px 0px;} .holder .left { position: relative; float: left; width: 280px; margin-right: 20px; height: auto; margin-top: 44px;} .holder .left span.one{ position: absolute; top:20px; left: 50px; font-size: 48px; color: blue;} .holder .right { position: relative; float:right; width: 300px; height: auto; margin-top: 24px;} .highlighttext { font-weight: bold !important; text-decoration:none; } .holder textarea.copyall { width: 240px; height: 120px; padding: 0 6px; border: 1px solid #6DABE5;} /*Contact form*/ #contactform { position: relative; width: 600px; margin-top: 24px; } label{ display: block; margin-top: 20px; position:relative;} input { width: 250px; height: 18px; line-height: 18px; padding: 0 6px;} input.info { border:1px solid #cc0; background: #ffc;} input.submit { width: auto; height: auto; margin-top: 10px;} input.submit.button { width: 145px; height: 40px; background: transparent url(../images/button.png) no-repeat right 0px; border: 0px; cursor: pointer; font-weight: bold; outline: none; color:#535353;} input.submit.button:hover { background: transparent url(../images/button.png) no-repeat right -40px;} textarea { width: 350px; height: 150px; padding: 0 6px;} /*Validation*/ .LV_validation_message{ font-weight:bold; display:block; position:absolute; left:0px; top:34px; } .LV_valid { color:#00CC00; } .LV_invalid { color:#CC0000; } #contactform input.checkbox { width: auto; height: auto; margin-right: 6px;} #contactform label.label { display: inline; } #contactform label.label span { width: 500px; top:18px; } #contactform label.textarea span { top:168px; } /*Top countries*/ #top_countries { position: relative; float: right; width: 320px; height: 300px; margin-top: 12px; padding: 0px;} p.top_countries_title { font-size: 18px; font-weight: bold; margin-bottom: 12px; color: #6DABE5; } /*Take test banner*/ #take_test { position: relative; float: left; width: 600px; height: 260px; margin: 0px 0px 10px 0px; background:transparent url(../images/banner_bg.gif) repeat-x left top;} #take_test .banner_beginner{ position: relative; float: left; width: 6px; height: 250px; background: transparent url(../images/banner_beginner.gif) no-repeat top left;} #take_test .banner_ender { position: relative; float: right; width: 6px; height: 250px; background: transparent url(../images/banner_ender.gif) no-repeat top right;} p.banner_stamp { position: absolute; top: 4px; left: 2px; text-indent: -999em; width: 143px; height: 142px; } p.banner_stamp.en { background: transparent url(../images/fr/FR/banner_stamp.png) no-repeat top left; } span.button { float: right; width: 290px; height: 60px; margin-right: 10px; margin-top: 14px; } span.banner_text { position: relative; float: right; margin-right: 10px; margin-top: 12px; text-indent: -999em; width: 564px; height: 91px; } span.banner_text.en { background:transparent url(../images/fr/FR/banner_text.png) no-repeat right center; } span.banner_steps { position: relative; float: left; margin-left: 30px; margin-top: 3px; } /* Footer Layout */ #footer { position: relative; width: 950px; height: 30px; margin: 0px; padding: 0px; background: transparent url(../images/shadow.gif) no-repeat bottom;} /*Menu Footer*/ #menu_footer { position: relative; width: 950px; background: transparent url(../images/menu_bg_footer.gif) repeat-x; } #menu_footer .menu_beginner_footer { position: relative; float: left; width: 6px; height: 22px; background: transparent url(../images/menu_beginner_footer.gif) no-repeat top left;} #menu_footer .menu_ender_footer { position: relative; float: right; width: 6px; height: 22px; background: transparent url(../images/menu_ender_footer.gif) no-repeat top right;} #menu_container_footer { position: relative; text-align: center; padding: 0; text-transform: capitalize; } #menu_container_footer span a { width: auto; padding: 0 16px; background:url(../images/delimiter_footer.gif) no-repeat left; text-decoration : none; color: #FFF; line-height: 22px;} #menu_container_footer a:hover, #menu_container_footer .active { text-decoration: underline; color: #fff;} #menu_container_footer .lastLi2{ background:url(../images/delimiter_footer.gif) no-repeat right; } /*Copyright*/ #copyright { position: relative; margin: 0px auto; width: 950px; height: 12px; text-align: center; }