/* YUI reset */ body,div,dl,dt,dd,ul,ol,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; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } html { font: 125% arial, sans-serif; } body { padding-left: 20px; } body, input, textarea { font: 50% arial, sans-serif; } p, input, textarea { font-size: 1.2em; } p span { font-weight: bold; } h1 { font-size: 3em; } a { color: #eb018b; /*font-weight: bold;*/; } a:hover { text-decoration: underline; } div#site { width: 980px; margin: 40px auto; position: relative; } img.super-fuego { left:447px; position:absolute; top:58px; z-index:200; } img.super-fuego.above { top: -20px; } /* menues */ div#leftColumn div#menu a, #subMenu ul li a, #header .puffs a { display: block; background: url('../img/menu.png') no-repeat 0 -4px; text-indent: -999em; height: 34px; margin-bottom: 5px; overflow: hidden; position: relative; z-index: 2; } div#header img { float: left; } /* default - login */ div#header div.puffs a { float: right; margin-top: 23px; margin-left: 20px; width: 216px; height: 59px; background-position: 0 -590px; position: relative; z-index:2000} div#header div.puffs a:hover { background-position: -250px -590px; } div#header div.puffs a.logout { background-position: 0 -649px; } div#header div.puffs a:hover.logout { background-position: -250px -649px; } div#header div.puffs a.classpage { background-position: 0 -708px; } div#header div.puffs a:hover.classpage { background-position: -250px -708px; } div#header div.puffs a.anmal { background-position: 0 -768px; } div#header div.puffs a:hover.anmal { background-position: -250px -768px; } div#header div.puffs a.anmal.closed { background-position: -250px -909px !important; } div#header div.puffs img { margin-left: 50px; } div#mainContent { clear: both; width: 1041px; padding-top: 25px; overflow: hidden; position: relative; } ol { list-style: decimal; margin-left: 18px; font-size: 1.2em; margin-bottom:1em; } ol li { margin-bottom: 0.5em; } div#leftColumn { float: left; width: 210px; } /* meny */ div#leftColumn div#menu li.selected a, div#leftColumn div#menu a:hover { background-position: -210px -4px; } div#leftColumn div#menu a.about { background-position: 0 -42px; } div#leftColumn div#menu li.selected a.about, div#leftColumn div#menu a:hover.about { background-position: -210px -42px; } div#leftColumn div#menu a.rules { background-position: 0 -83px; } div#leftColumn div#menu li.selected a.rules, div#leftColumn div#menu a:hover.rules { background-position: -210px -83px; } div#leftColumn div#menu a.aluminium { background-position: 0 -120px; } div#leftColumn div#menu li.selected a.aluminium, div#leftColumn div#menu a:hover.aluminium { background-position: -210px -120px; } div#leftColumn div#menu a.guidance { background-position: 0 -158px; } div#leftColumn div#menu li.selected a.guidance, div#leftColumn div#menu a:hover.guidance { background-position: -210px -158px; } div#leftColumn div#menu a.faq { background-position: 0 -967px; } div#leftColumn div#menu li.selected a.faq, div#leftColumn div#menu a:hover.faq { background-position: -210px -967px; } div#leftColumn div#menu a.previous { background-position: 0 -197px; } div#leftColumn div#menu li.selected a.previous, div#leftColumn div#menu a:hover.previous { background-position: -210px -197px; } div#leftColumn div#menu a.tip { background-position: 0 -234px; } div#leftColumn div#menu li.selected a.tip, div#leftColumn div#menu a:hover.tip { background-position: -210px -234px; } div#leftColumn div#menu a.press { background-position: 0 -273px; } div#leftColumn div#menu li.selected a.press, div#leftColumn div#menu a:hover.press { background-position: -210px -273px; } div#leftColumn div#menu a.contact { background-position: 0 -312px; } div#leftColumn div#menu li.selected a.contact, div#leftColumn div#menu a:hover.contact { background-position: -210px -312px; } div#leftColumn div#menu a.pressklipp { background-position: 0 -835px; } div#leftColumn div#menu li.selected a.pressklipp, div#leftColumn div#menu a:hover.pressklipp { background-position: -210px -835px; } div#leftColumn div#menu a.vinnare { background-position: 0 -871px; } div#leftColumn div#menu li.selected a.vinnare, div#leftColumn div#menu a:hover.vinnare { background-position: -210px -871px; } div#leftColumn div#menu a.inspiration { background-position: 0 -1171px; } div#leftColumn div#menu li.selected a.inspiration, div#leftColumn div#menu a:hover.inspiration { background-position: -209px -1171px; } /* avsändare */ div#senders { margin-top: 80px; } div#senders img { margin-bottom: 9px; } div#senders img.wwf { margin: 0 0 9px 6px; } /* huvudcontent */ div#middleColumn { float: left; width: 430px; margin-left: 30px; } div#middleColumn div#paper { background: transparent url(../img/paper.png) 0 0 no-repeat; position: relative; } div#middleColumn div#paper div.text { min-height: 380px; clear: left; padding: 9em 4.5em 0 4.5em; } div#middleColumn div#paper.handledning div.text { min-height: 0; } div#middleColumn div#paper.aluminium div.text, div#middleColumn div#paper.about div.text { padding-top: 1em; } div#middleColumn div#paper h1 { text-transform: capitalize; font-weight: bold; } div#middleColumn div#paper p { margin: 0 0 1.2em 0; font-size: 1.6em; } div#middleColumn div#paper p.last { margin-bottom: 0; } div#middleColumn div#paper div.bottom { clear: both; background: transparent url(../img/paper.png) 0 100% no-repeat; padding: 110px 0 0 0; } div#rightColumn { float: right; width: 341px; margin-top: 9px; } div#tips { background: transparent url(../img/box.png) 0 0 no-repeat; width: 250px; height: 372px; margin: 10px 0 0 10px; padding: 95px 40px 0 0; font-size: 1.2em; } div#tips h4 { visibility: hidden; position: absolute; } div#tips ul li { list-style-image: url(../img/bullet.png); margin: 0 0 10px 40px; } div#tips ul li ul li { list-style-image: url(../img/dash.png); margin: 0 0 3px 20px; } form div { background: url(../img/input.png) no-repeat 0 0; width: 272px; height: 24px; border: none; padding: 12px 38px 0 40px; margin-left: -11px; } form div.textarea { background-position: 0 -39px; height: 110px; } form div.textarea textarea { width: 100%; height: 85px; border: none; } form input { border: none; width: 272px; } form select { margin: 12px 0 0 0; width: 330px; } form input.submit { background: url(../img/knapp-skicka.png) no-repeat 0 0; width: 180px; height: 58px; border: none; padding: 0; text-indent: -999em; margin: 12px 0 0 -5px; cursor: pointer; } form input.submit.tip { background: url(../img/knapp-tipsa.png) no-repeat 0 0; } form input.submit.login { background: url(../img/knapp-logga-in.jpg) no-repeat 0 0; } form input.submit.skicka-anmalan { background: url(../img/knapp-skicka-anmalan.png) no-repeat 0 0; } form input.submit.skicka-anmalan.closed { background: transparent url(../img/menu.png) no-repeat 0 -909px; } ul.error { background:transparent url(../img/error.png) no-repeat 0 0; min-height: 50px; margin-bottom: 10px; } ul.error li { color: red; font-size: 1.4em; padding-left: 60px; margin-bottom: 4px; } label { font-size: 1.2em; margin: 0; padding: 0; color: #6a6a6a } form input { padding: 0 0 1px 0 !important; } form #teacher { width: 163px; } form #school { width: 232px; } form #class { width: 201px; } form #pupils { width: 199px; } form #address { width: 224px; } form #zipcode { width: 192px; } form #city { width: 236px; } form #contact { width: 182px; } form #phone { width: 222px; } form #mobile { width: 231px; } form #email { width: 226px; } form #email-repeat { width: 179px; } form #shortcut { width: 216px; } form#other #teacher { width: 178px; } form#other #school { width: 146px; } form#other #class { width: 141px; } form#other #pupils { width: 146px; } form #user_id { width: 140px; } form #password { width: 210px; } form.recoverPassword #email { width: 170px; } form #fromName { width: 210px; } form #fromMail { width: 205px; } form #toName { width: 182px; } form #toMail { width: 180px; } /* error */ form div.error { background-position: 0 -240px; } form div.error label { color: #fff; } form div.error input { background: none; color: #fff; } div#middleColumn div#paper p.small { font-size: 12px; } div#middleColumn div#paper form p { margin: 0; } div#middleColumn div#paper p.fineprint { font-size: 12px; margin: 12px 0 0 0; } div#middleColumn div#paper p.published { font-size: 9px; color: #6a6a6a; margin: 0px 0px 5px; } #subMenu ul { padding: 25px 0 0 0; margin: 0 0 0 25px; overflow: hidden; } .vinnare #subMenu ul li { margin: 0px 0px 8px 0; } #subMenu ul li { float: left; display: block; } #subMenu ul li a { text-indent: -999em; overflow: hidden; height: 77px; width: 125px; background-position: 0 -359px; } #subMenu ul li.selected a, #subMenu ul li a:hover { background-position: -219px -359px; } #subMenu ul li a.production { background-position: 0 -436px; } #subMenu ul li.selected a.production, #subMenu ul li a:hover.production { background-position: -219px -436px; } #subMenu ul li a.recycle { background-position: 0 -513px; } #subMenu ul li.selected a.recycle, #subMenu ul li a.recycle:hover { background-position: -219px -513px; } #subMenu ul li a.about { background-position: 0 -1004px; width: 173px; height: 70px; margin: 0 14px 0 10px; } #subMenu ul li.selected a.about, #subMenu ul li a.about:hover { background-position: -180px -1004px; } #subMenu ul li a.winners { background-position: 0 -1073px; width: 170px; height: 67px; } #subMenu ul li.selected a.winners, #subMenu ul li a.winners:hover { background-position: -180px -1073px; } img.next { float: right; } div#middleColumn div#paper p.heading { font-weight: bold; margin-bottom: 0.4em; clear: both; } /* rapportera */ form.report { margin-bottom: 20px; overflow: hidden; } form.report div { margin: 0; background-position: 0 -163px; height: 30px; padding: 23px 20px 0 9px; width: 130px; float: left; } form.report div input { width: 120px; } form.report div input.submit.report { width: 120px; } form.report input.submit.report { background: url(../img/knapp-rapportera.png) no-repeat 0 0; margin: 9px 0 0 9px; float: left; width: 159px; height: 36px; border: none; padding: 0; text-indent: -999em; } div#middleColumn div#paper div.rapport p { background: url(../img/linjer.png) no-repeat 0 20px; line-height: 2em; font-size: 1.2em !important; margin-bottom: 3px; } div#middleColumn div#paper div.rapport p.last { padding: 0 0 6px 0; background-position: 0 -50px; } div#middleColumn div#paper div.rapport p.summa { background: none; font-weight: bold; } /* klassens sida */ div#middleColumn div#paper div.text div.diplomas p { display: block; float: left; background: url(../img/diplom-sprite.png) no-repeat 0 0; width: 106px; height: 124px; margin: 0 11px 11px 0; overflow: hidden; text-indent: -999em; } div#middleColumn div#paper div.text div.diplomas p.noMarginal { margin-right: 0 !important; } div#middleColumn div#paper div.text div.diplomas p.second { background-position: -106px 0; } div#middleColumn div#paper div.text div.diplomas p.third { background-position: -212px 0; } div#middleColumn div#paper div.text div.diplomas p.forth { background-position: 0 -124px; } div#middleColumn div#paper div.text div.diplomas p.fifth { background-position: -106px -124px; } div#middleColumn div#paper div.text div.diplomas p.sixth { background-position: -212px -124px; } div#middleColumn div#paper div.text div.diplomas p.unknown1 { background-position: 0 -248px; } div#middleColumn div#paper div.text div.diplomas p.unknown2 { background-position: -106px -248px; } div#middleColumn div#paper div.text div.diplomas p.unknown3 { background-position: -212px -248px; } div#middleColumn div#paper div.text div.diplomas p.unknown4 { background-position: 0 -371px; } div#middleColumn div#paper div.text div.diplomas p.unknown5 { background-position: -106px -371px; } div#middleColumn div#paper div.text div.diplomas p.unknown6 { background-position: -212px -371px; } div#middleColumn div#paper div.text div.diplomas p a { text-indent: -999em; overflow: hidden; display: block; width: 106px; height: 124px; } div#middleColumn div#paper div.text div.diplomas p span { visibility: hidden; } p.classInfo { position: absolute; right: 35px; top: 30px; text-align: right; } div#middleColumn div#paper div.text div.hunting-licence { overflow: hidden; padding: 0 0 20px 0; } div#middleColumn div#paper div.text div.hunting-licence div.left { float: left; width: 225px; } div#middleColumn div#paper div.text div.hunting-licence img { float: right; } p.error, select.error { color: red; } /* dimplomsida */ div#middleColumn #paper.diploma .text { padding-top: 60px; } /* vinnarsidan */ div#middleColumn div#paper.vinnare h2 { text-transform: capitalize; font-weight: bold; font-size: 3em; clear: both; } div#middleColumn div#paper.vinnare h1 { margin-bottom: 0; } div#middleColumn div#paper.vinnare p.heading { font-size: 1.6em; } div#middleColumn div#paper.vinnare img.center { margin: 0 0 25px 130px; } div#middleColumn div#paper.vinnare .diplomas { margin: 20px 0; overflow: hidden; } div#middleColumn div#paper.vinnare .diplomas img { margin: 0 10px 0 0; vertical-align: middle; float: left; } div#middleColumn div#paper.vinnare #fuego-pekar { float: right; width: 100px; margin-top: 15px; margin-right: 65px; } div#middleColumn div#paper.vinnare .local { width: 230px; float: left; position: relative; margin-top: -12px; } div#middleColumn div#paper.vinnare p { font-size: 12px; } div#middleColumn div#paper.vinnare .local p.fineprint { font-size: 10px; color: #7b7b7b; } div#middleColumn .local img.fuego { float: right; } /* vinnarintervju */ div#middleColumn div#paper p.question { margin-bottom: 0.5em; } #statistics { margin: 20px; } #statistics form { margin-bottom: 20px; } #statistics input { border:1px solid #999; width: 80px; height: 25px; margin-left: 5px; -moz-border-radius: 3px; padding: 0 3px !important; } #statistics select { font-size: 1.5em; } #statistics th, #statistics label { font-size: 1.5em; font-weight: bold; color: #db0077 } #statistics input.error { background: red; color: #fff; } #statistics .sum { padding-left: 20px; } #statistics td { font-size: 1.5em; padding: 5px 15px; } #statistics th.klass { width: 260px; } #statistics td.place { font-weight: bold; font-size: 2em; } #statistics th, #survey th { padding: 0 15px 5px 15px; } #statistics tr, #survey tr { background: #f7f7f7 } #statistics tr:hover, #survey tr:hover { background: #f0f0f0 !important } #statistics tr.odd, #statistics tr.headings, #survey tr.odd { background: #fff; } #statistics tr.odd:hover, #survey tr.odd:hover { background: #fafafa; } div#middleColumn div#paper.faq div div { font-size: 1.2em; } div#middleColumn div#paper.faq div div span { font-weight: normal; display: block; } div#middleColumn div#paper.faq div div .active { display: block !important; } div#middleColumn div#paper.faq div div span.active a { color: #000; text-decoration: underline; } div#middleColumn div#paper.faq div div span { font-weight: normal; display: block; } div#middleColumn div#paper.faq div div a { font-weight: bold; } div#middleColumn div#paper.faq div div span.answer { margin: 5px 0 0 0; display: block; } div#middleColumn div#paper.faq div div { margin: 0px 0px 1.2em; } div#middleColumn div#paper.faq div div ol, div#middleColumn div#paper.faq div div ul { font-size: 1em; margin: 5px 0 0 15px; } div#middleColumn div#paper.faq div div ul { list-style: disc; } hr { background: transparent url(/img/divider.png) 0 0 no-repeat; border: none; height: 2px; margin: 30px 0; } .vinnare .tips { } .vinnare ul li { list-style: disc; font-size: 12px; margin: 0 0 8px 20px;} .vinnare ol li { list-style: decimal; margin: 4px 0 0 0; } /* skapa personlig sida */ div#middleColumn div#paper form#createPersonalPage p.contactMe { margin: 0 0 0.25em; display: block; } #createPersonalPage p.contactMe label { font-size: 0.8em; cursor: pointer; } #createPersonalPage p.contactMe label span { color: #EB018B; font-weight: normal; } #createPersonalPage .skicka { background: transparent url(/img/menu.png) 0 -1141px no-repeat; width: 201px; height: 29px; text-indent: -999em; overflow: hidden; cursor: pointer; margin-top: 0.25em; display: block; line-height: 1px; } #createPersonalPage .skicka:hover { background-position: -211px -1141px; } /* personlig sida */ div#middleColumn div#paper div.nextLevel { padding-bottom: 1em; display: block; clear: both; } div#middleColumn div#paper div.nextLevel > p { margin: 0 0 0.5em; } div#middleColumn div#paper .diplomas { padding-top: 1em; float: none; } table.groupInfo { font-size: 1.6em; margin-bottom: 20px; } table.groupInfo td.label { color: #8a8a8a; padding-right: 10px; } table.groupInfo tr.contact td { padding-top: 10px; } div#middleColumn div#paper div.nextLevel p.percentage, div#middleColumn div#paper div.nextLevel p.percentageRight { color: #fff; text-shadow: 0 0 3px #000000; font-size: 24px; margin: 8px 2px 2px 12px; right: 5px; position: absolute; font-weight: bold; } div#middleColumn div#paper div.nextLevel p.percentageRight { right: -55px; text-shadow: none; color: #000; } div.nextLevel div.meter { height: 44px; width: 100%; padding: 0; background: #fff url(/img/level-meter.png) 0 0 no-repeat; } div.nextLevel div.meter div.inner { position: relative; z-index: 2; background: #fff url(/img/level-meter.png) 0 -43px no-repeat; height: 44px; vertical-align: middle; margin: 0 !important; } /* gallery */ .gallery { overflow: hidden; float: none; margin: 0 0 25px -10px; width: 400px; } .gallery img { padding: 4px; background: #fff; border: 1px solid #e2e2e2; display: block; float: left; margin: 0 5px 5px 0; }