/* 1. Browser normalization 2. Links 3. Headers 4. Text formatting 5. Text alignment 6. Framework 7. Navigation 7.1 NaviList 7.2 TopNavi items 7.3 SupportNavi 7.4 DocNavi 8. Content elements 8.1 Search 8.2 Image caption 8.3 Material Search 8.4 Blocks 8.4.1 General block 8.4.2 Small block 8.5. Club 8.6. News list 8.7 Two column element 8.8 Banners 8.9 PersonList 9. Page types 9.1 Book 9.1.1 Book search 9.1.2 Book block 9.1.3 Book pagination 9.1.4 eBook list 9.2 Author 9.3 Events and News 9.4 Search results 9.5 Form styles */ @import url(toka.css); /* 1. Browser normalization */ 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;} #site{} fieldset {border: 0;} a img{border: 0;} img.border{border: 1px solid #6E6F6E;} img.noBorder{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; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } body { font: 70% Verdana, Arial, sans-serif; color: #000;margin: 0; padding:0;} html, body { height: 100%; } #body{background:#cdcdcd url(/stc/armas/img/background_gradient.gif) top center repeat-y; width: 100%; float: left; min-height: 100%;} * html #body{height: 100%;} table { clear: both; } .hr{background: transparent url(/stc/armas/img/bg_hr.gif) 0 50% repeat-x; height: 6px; line-height: 0.1em;} .h{display: none;} .spacer{clear: both; height: 0px; overflow: hidden; background: transparent;} #siteBody ul{list-style: disc; list-style-position: outside;} #siteBody li{margin-left: 2em;} #siteBody .naviList li{margin-left: 0;} .editMode .pad {position:relative;} * html .editMode .pad {position:static;} /*em{color: #969696; }*/ /* 2. Links */ a { color: #A22630; text-decoration: none; } a:hover {text-decoration: underline; } a:visited {} #supportNavi a{ font-weight: bold; text-decoration: none; } #searchBox a{text-decoration: none; font-weight: bold;font-size:10px;} #supportNavi a:hover, #searchBox a:hover{text-decoration: underline; } #breadcrumb .links a{padding-right: 9px;margin-top:3px; background: url(/stc/armas/img/arrow_links.gif) center right no-repeat;} #breadcrumb .links a, #breadcrumb .links{color: #6E6F6E;} #breadcrumb .links a.first{/*padding-left: 24px;*/} #breadcrumb .links span.last{color: #A22630; /*font-weight: bold;*/} #breadcrumb .printLink a{display: block; float: right; background: url(/stc/armas/img/bg_print.gif) right 0px no-repeat; padding:3px 22px 2px 0px;} .bottomNavi a{font-weight: bold; } .bottomNavi .prev, .bottomNavi .back{/*margin-left: 15px;*/} .bottomNavi .next{/*margin-right: 15px;*/} a.arrow{background: url(/stc/armas/img/docNavi/arrow_docNavi.gif) 5px 0.3em no-repeat; padding-left: 20px; font-weight: bold;} .rightNavi a{font-weight: bold; } .rightNavi a:hover{text-decoration: underline;} .rightNavi .act a{color: #939393;} a.task{background: url(/stc/armas/img/icon_task.gif) 0 50% no-repeat; padding-left: 20px; font-weight: bold;} a.opettajalle{background: url(/stc/armas/img/opettajalle_ikoni.jpg) 0 50% no-repeat; padding-left: 20px; font-weight: bold;} #site a.cart{background: url(/stc/armas/img/icon_cart.gif) 0 50% no-repeat; padding-left: 20px; font-weight: bold; color: #A22630;} .pagination a{font-weight: bold;} .versions .item a{font-weight: bold;} .summaryList a{font-weight: bold;} /* 3. Headers */ h1, h2, h3, h4, h5{font-family: Verdana, Arial, sans-serif; color: #6E6F6E;} h1 {} #siteBody .ce-p h2, h2 {font-size: 1.9em; font-weight: normal; margin-bottom: 13px;} #bookHeader h2 {margin-bottom:0; padding:0 0 5px 0;} #bookHeader span {font-size:11px;} #siteBody .ce-p h2{background: url(/stc/armas/img/bg_h2.gif) left bottom no-repeat; padding: 10px 0 10px 15px; margin-bottom: 0px;} .pad h2{background: none; font-size: 1.3em; font-weight:bold; /*padding: 0 0 0 15px;*/} h2 strong, h2 b {font-weight:normal;} .pad h1.otavafi, .pad h1{background: none; font-size: 1.3em;font-weight: bold; margin-bottom: 7px;padding-top:3px;} h3 {background-color:#ededed; padding: 2px 10px; font-size: 1em; color:black; margin-bottom: 1.1em;} h3.gray{background-color: #9B8F83; color: #fff; margin-bottom: 0.8em; font-size: 1em;} h3.green{background-color: #C7D200; color: #fff; margin-bottom: 0.8em; font-size: 1em;} h4 {font-size: 1em; color: #000;} h5 {font-size: 1.2em;} a .date, .date{/*font-style: italic;*/ color: #333; font-weight: normal;} .editMode .date {width:60px;float:left;} span.newsTitle, div.newsHeader {margin-bottom:13px;} #right h3 a {color:black;} /* 4. Text formatting */ b, strong { font-weight: bold; } i, em { font-style: italic;} strong em {font-weight: bold;} code, pre { font-family: "Courier New",Courier,monospace; white-space: pre; } .important { font-weight: bold;} #footer{font-size: 10px;font-weight:bold; color: #B3B3B3;} p{margin-bottom: 15px; line-height: 1.4em;} #siteBody li p {margin-bottom:2px;} #leftBanners{padding: 11px 0px 0px 3px;background:#eaeaea;margin-right:3px;} #leftBanners p{margin-bottom: 0; line-height: 1.3em;} #siteBody{color: #2A2A2A;} input.materialSearch{font-size: 1.1em; font-weight: bold; color: #000;} select.materialSearch {font-family: Verdana, Arial, sans-serif; color: #000000; font-size: 1em;} span.weak{font-size: 0.9em; color: #858585;} .ingress { font-weight: bold;font-size:11px; padding-bottom:10px; color:#2a2a2a;} /* 5. Text alignment */ .leftAlign{text-align:left;} .rightAlign{text-align:right;} .center {text-align:center;} .justified{ text-align:justify;} /* 6. Framework */ #site{text-align: left; width: 985px; margin: 0 auto 0 auto; height: 100%;} #main{width: 835px; float: left; height: 100%; } #top{clear: both; position: relative; height: 78px;} #searchBox{width: 180px; top: 18px; right: 14px; position: absolute; } #logo{width: 372px; height: 58px; display: block; padding: 8px 0 0 18px;} #logo a{width: 372px; height: 58px; display: block; background: url(/stc/armas/img/logo_otava.gif) 0 0 no-repeat;} #logo a span{display: none; } #topNavi{ float: left; width: 100%; height: 44px;} #siteBody{ width: 100%; /*width: 832px; padding: 0 1px 0 2px;*/ float: left; background: url(/stc/armas/img/bg_left.gif) 0 0 repeat-y; padding-bottom: 15px;} #siteBody.full{min-height: 1px; height: auto; background: #fff; padding-bottom: 0;} #breadcrumb{width: 100%; float: left; padding: 15px 0px; background: #fff;font-size:11px;} #breadcrumb .links{width: 81%; float: left; display: block; padding-left:24px;} #breadcrumb .printLink{width: 15.9%; float: left; text-align: right; display: block; } #left{width: 206px; float: left;} #middle{width: 440px; float: left; overflow: hidden;} .headingBar{padding: 12px 0 7px 15px; /*height: 45px; */background: url(/stc/armas/img/bg_h2_2.gif) bottom left no-repeat; margin-bottom: 0;} #bookHeader {padding-bottom: 20px;} .headingBar .date{padding-right: 10px; color: #6E6F6E;} .headingBar .addToCart span{display: none; } .headingBar .addToCart{display: block; width: 16px; height: 14px; float: right; background: url(/stc/armas/img/icon_cart.gif) 0 0; margin: 7px 15px 0 0;} #banner{float: left; margin-bottom: 21px; width: 626px; overflow:hidden;} #banner2cols{float: left; width: 626px; overflow:hidden;} #middle.wide{width: 626px;} #middle .pad{padding: 0 15px 20px 15px;} #middle.wide .pad{padding: 0 0px 0 15px;} #middle.widest{width: 100%;} * html .widest{width: 100% !important;} #right{width: 182px; float: left; overflow: hidden;} * html .editMode #right{width: 181px;} #bottomNavi{clear: both;} #flasharea{margin: 0;} .wide #flasharea {width: 616px;margin:0px;} #footer{background: url(/stc/armas/img/bg_footer.gif) 50% 0 no-repeat; float:left; width: 100%; padding: 10px 0 0 0; font-weight: bold; margin-bottom: 20px; } * html #footer{float:none;} #footer.plain{background: none;} #footer .copyright{width: 40%; float: left;} #footer .contact{width: 59.9%; float: left; text-align: right; } #footer .contact img {vertical-align:middle;} #banners{width: 150px; float: left; text-align: right; padding-top: 6px; } * html .editMode #banners{width: 149px;} /* 7. Navigation */ /* 7.1 NaviList */ #site ul.naviList {list-style:none; } ul.naviList ul { list-style: none;} #site ul.naviList li{padding: 0; margin: 0;} ul.naviList li a{display: block; text-decoration: none;} ul.naviList.horiz li{float: left; display: inline;} ul.naviList.horiz li a{ float: left;} /* 7.2 Top Navi items*/ #topNavi a{ display: block; height: 34px;} #topNavi ul.naviList li{padding-bottom: 10px; } #topNavi a span{display: none;} #topNavi .naviList li.etusivu{padding-left: 9px;} #topNavi .etusivu a{width: 76px; background: url(/stc/armas/img/topNavi/etusivu.gif) 0 0 no-repeat;} #topNavi .kirjat a{width: 72px; background: url(/stc/armas/img/topNavi/kirjat.gif) 0 0 no-repeat;} #topNavi .kirjailijat a{width: 93px; background: url(/stc/armas/img/topNavi/kirjailijat.gif) 0 0 no-repeat;} #topNavi .oppimateriaalit a{width: 139px; background: url(/stc/armas/img/topNavi/oppimateriaalit.gif) 0 0 no-repeat;} #topNavi .yritys a{width: 75px; background: url(/stc/armas/img/topNavi/yritys.gif) 0 0 no-repeat;} #topNavi .ajankohtaista a{width: 126px; background: url(/stc/armas/img/topNavi/ajankohtaista.gif) 0 0 no-repeat;} #topNavi .medialle a{width: 77px; background: url(/stc/armas/img/topNavi/medialle.gif) 0 0 no-repeat;} #topNavi .otayhteytta a{width: 118px; background: url(/stc/armas/img/topNavi/otayhteytta.gif) 0 0 no-repeat;} #topNavi .etusivu a.act,#topNavi .etusivu a:hover{background: url(/stc/armas/img/topNavi/etusivu.gif) 0 -44px no-repeat;} #topNavi .kirjat a.act, #topNavi .kirjat a:hover{background: url(/stc/armas/img/topNavi/kirjat.gif) 0 -44px no-repeat;} #topNavi .kirjailijat a.act, #topNavi .kirjailijat a:hover{background: url(/stc/armas/img/topNavi/kirjailijat.gif) 0 -44px no-repeat;} #topNavi .oppimateriaalit a.act, #topNavi .oppimateriaalit a:hover{background: url(/stc/armas/img/topNavi/oppimateriaalit.gif) 0 -44px no-repeat;} #topNavi .yritys a.act, #topNavi .yritys a:hover{background: url(/stc/armas/img/topNavi/yritys.gif) 0 -44px no-repeat;} #topNavi .ajankohtaista a.act, #topNavi .ajankohtaista a:hover{background: url(/stc/armas/img/topNavi/ajankohtaista.gif) 0 -44px no-repeat;} #topNavi .medialle a.act, #topNavi .medialle a:hover{background: url(/stc/armas/img/topNavi/medialle.gif) 0 -44px no-repeat;} #topNavi .otayhteytta a.act, #topNavi .otayhteytta a:hover{background: url(/stc/armas/img/topNavi/otayhteytta.gif) 0 -44px no-repeat;} #topNavi .naviList li.frontpage{padding-left: 19px;} #topNavi .frontpage a{width: 69px; background: url(/stc/armas/img/topNavi_en/frontpage.gif) 0 0 no-repeat;} #topNavi .books a{width: 230px; background: url(/stc/armas/img/topNavi_en/books.gif) 0 0 no-repeat;} #topNavi .authors a{width: 78px; background: url(/stc/armas/img/topNavi_en/authors.gif) 0 0 no-repeat;} #topNavi .foreignrights a{width: 163px; background: url(/stc/armas/img/topNavi_en/foreignrights.gif) 0 0 no-repeat;} #topNavi .otavaeducation a{width: 143px; background: url(/stc/armas/img/topNavi_en/otavaeducation.gif) 0 0 no-repeat;} #topNavi .contactus a{width: 101px; background: url(/stc/armas/img/topNavi_en/contactus.gif) 0 0 no-repeat;} #topNavi .frontpage a.act,#topNavi .frontpage a:hover{background: url(/stc/armas/img/topNavi_en/frontpage.gif) 0 -44px no-repeat;} #topNavi .books a.act, #topNavi .books a:hover{background: url(/stc/armas/img/topNavi_en/books.gif) 0 -44px no-repeat;} #topNavi .authors a.act, #topNavi .authors a:hover{background: url(/stc/armas/img/topNavi_en/authors.gif) 0 -44px no-repeat;} #topNavi .foreignrights a.act, #topNavi .foreignrights a:hover{background: url(/stc/armas/img/topNavi_en/foreignrights.gif) 0 -44px no-repeat;} #topNavi .otavaeducation a.act, #topNavi .otavaeducation a:hover{background: url(/stc/armas/img/topNavi_en/otavaeducation.gif) 0 -44px no-repeat;} #topNavi .contactus a.act, #topNavi .contactus a:hover{background: url(/stc/armas/img/topNavi_en/contactus.gif) 0 -44px no-repeat;} /* 7.3 SupportNavi*/ #supportNavi{background: url(/stc/armas/img/bg_supportNavi.gif) 0 0 repeat-x; float: left; width: 100%; } #supportNavi .language{display: block; width: 392px; float: left; background: url(/stc/armas/img/bg_supportNaviL.gif) 0 0 no-repeat; padding: 11px 10px 6px 15px; font-size: 10px;} .language .finnish{margin-right: 6px; padding-right: 8px; background: url(/stc/armas/img/bg_lang.gif) right center no-repeat; float: left; display: block;} .language .english{padding-top: 10px; } #supportNavi .webshop{display: block; width: 417px; float: left; background: url(/stc/armas/img/bg_supportNaviR.gif) top right no-repeat; height: 36px;} .webshop span{display: none; } .webshop a{display: block; background: url(/stc/armas/img/verkkokauppa.gif) 0 0 no-repeat; width: 183px; height: 36px; float: right; padding-right: 12px;} /* 7.4 DocNavi */ #docNavi a{font-weight: normal; } #docNavi a:hover{text-decoration: underline; } #docNavi {border-bottom: 1px solid #eee; margin: 0 3px 0 1px; background: #fff; list-style: none; list-style-image: none;} #docNavi li{ width: 100%; display:inline ; margin: 0;} * html ul#docNavi a { height:1% ; } #docNavi ul{border-bottom: 4px solid #EAEAEA;} #docNavi ul ul{border: 0; margin-bottom: 5px; } #docNavi li a{font-weight: normal;position:relative; margin: 0; padding: 0; background: #fff url(/stc/armas/img/docNavi/bg_docNavi_a.gif) bottom left repeat-x; display: block; } #docNavi li a span{display: block; margin-left: 6px; padding: 6px 0px 7px 8px; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi.gif) 0 0.7em no-repeat;} #docNavi li li a{font-weight: normal; color: #2F2F2F;} #docNavi li.open a {color:#A22630;} #docNavi li.open li a{background: none;color:#000;} #docNavi li.open li a span.alphabet{background-image: none;font-weight: bold;font-size:1em;} #docNavi li.act a{background: #939393 url(/stc/armas/img/docNavi/bg_docNaviOpen.gif) bottom left repeat-x !important; color: #fff; font-weight: bold; } #docNavi li.act li a {background: white !important; color: #2F2F2F; font-weight: normal; } #docNavi li.act li.act a {background: #939393 !important; color: #fff; font-weight: bold; } #docNavi li.act span{background: url(/stc/armas/img/docNavi/arrow_docNaviInv.gif) 0 0.7em no-repeat; border: 0;} #docNavi .open li li a {color:#000;} #docNavi .open li li.act a {color:#fff;} #docNavi li.actSubItem a { font-weight: bold; } #docNavi li.actSubItem li a{ font-weight: normal; } #docNavi li.open li span{margin-left: 36px; display: block; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) 3px 1em no-repeat;} #docNavi li.open li li span{margin-left: 0; border-bottom: 1px solid #EBEBEB;} #docNavi li.open li.act span{border: 0;} #docNavi li.open .act span{display: block; background: url(/stc/armas/img/docNavi/arrow_docNavi2Inv.gif) 1px 1em no-repeat;} #docNavi li.open li li span{margin-left: 50px; display: block; } #docNavi .open li a{background:#FFFFFF url(/stc/armas/img/docNavi/bg_docNaviOpen.gif) repeat-x ; } #docNavi li.open li li li span { margin-left: 70px; display: block; } #docNavi li.open li li ul { margin-bottom: 0; } #docNavi li.open li li.open a span { font-weight: bold; } #docNavi li.open li li.open ul li a span { font-weight: normal; } #docNavi li.open li li.open ul li.act a span { font-weight: bold; } #docNavi li.open li li.open ul li.open a span { font-weight: bold; } /* 8.5. Club Login */ .club{margin-bottom: 15px; font-size: 0.9em; border: 1px solid #EBEBEB;} .club h3{background: #D95513; padding: 6px 7px 7px 7px; font-size: 0.9em; font-weight: bold; color: #fff; font-size: 1em; margin:0;} .club p{color: #898989; padding: 7px 7px 9px 7px; margin-bottom: 0;} .club p.welcomeRow {padding-bottom: 0; } .club .log{background: #F5D4C4; padding: 5px 7px 7px 7px; border: 1px solid #fff;} .club .log p{border: 1px solid #fff; } .club .log table{font-size: 1em; margin: 3px 7px 0px 7px; padding: 0; } .club .log .txt{width: 95px; border: 1px solid #6A5F54; background: #fff;} .club .log td{vertical-align: top; padding-bottom: 3px;} .club .arrow{padding-left: 15px; font-size: 0.9em;} .otso h3 { background: #bc231a url(/stc/armas/img/otso-bg.gif) repeat-y;padding:6px; } .aino h3 { background: #59b9a6 url(/stc/armas/img/aino-bg.gif) repeat-y;padding:6px; } .club.aino .log{background: #DBE8E1;} .lumo h3 { background: #3fbcd4 url(/stc/armas/img/lumo-bg.gif) repeat-y;padding:6px; } .club.lumo .log{background: #c8ecf5;} .into h3 { background: #fbbd3e url(/stc/armas/img/into-bg.gif) repeat-y;padding:6px; } .club.into .log{background: #FFEDC5;} #site #docNavi li.actSubItem {font-weight:bold; background:none !important; color:black !important;} #site #docNavi li.actSubItem a {background:none !important;color:black !important;} /* Otso */ .otso #docNavi .open li .act span{background-image: none;} .otso #docNavi .open li a {background: #bc231a url(/stc/armas/img/docNavi/navi3otso.gif) repeat-y ;padding:3px;padding-bottom:0px; color: #fff; font-weight: bold;} .otso #docNavi .open li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2Inv.gif);padding-left:12px;color:white;} .otso #docNavi .open li li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);padding-left:12px;color:black;} .otso #docNavi .open li li a{background: #F5D4C5 !important; font-weight: normal; color: #000;} .otso #docNavi .open li li li a{background-color: transparent;} .otso #docNavi .open li .act a{background-image: none;} .otso #docNavi .open li .act span{ background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);} #site #docNavi li.protected_otso a span {border:0;background:none; } #site #docNavi li.protected_otso a { border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3otso.gif) no-repeat !important;} #site #docNavi li.protected_otso li span{margin-left: 64px; border-bottom: 1px solid #EBEBEB; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) 3px 1em no-repeat;} #site #docNavi li.protected_otso li a {background: #F5D4C5 !important; border:0; color:#000; font-weight:normal;} #site #docNavi li.protected_otso li.actSubItem {font-weight:bold;} #site #docNavi li.protected_otso.actSubItem ul li a { color:black; } #site #docNavi li.protected_otso.actSubItem a {border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3otso.gif) no-repeat;} #site #docNavi li.protected_otso li.actSubItem span {background:transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) no-repeat scroll 3px 1em;border:0 none;color:#000000;font-weight:bold;} .otso li.open ul ul ul { background-color: #f5d4c5; } .otso .newsBlock{border-bottom: none;} .otso .club h3{background: #bc231a url(/stc/armas/img/otso-bg.gif) repeat-y;padding:6px; font-size: 0.9em; font-weight: bold; color: #fff; font-size: 1em; margin:0;} .otso h3 { background: #bc231a url(/stc/armas/img/log-bg-otso.gif) repeat-y;padding:6px; } .otso h3 a {color:#fff;} /* Into */ .into #docNavi .open li .act span{background-image: none;} .into #docNavi .open li a {background: #bc231a url(/stc/armas/img/docNavi/navi3into.gif) repeat-y ;padding:3px;padding-bottom:0px; color: #fff; font-weight: bold;} .into #docNavi .open li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2Inv.gif);padding-left:12px;color:white;} .into #docNavi .open li li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);padding-left:12px;color:black;} .into #docNavi .open li li a{background: #FFEDC5 !important; font-weight: normal; color: #000;} .into #docNavi .open li li li a{background-color: transparent;} .into #docNavi .open li .act a{background-image: none;} .into #docNavi .open li .act span{ background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);} #site #docNavi li.protected_into a span {border:0;background:none; } #site #docNavi li.protected_into a { border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3into.gif) no-repeat;} #site #docNavi li.protected_into li span{margin-left: 64px; border-bottom: 1px solid #EBEBEB; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) 3px 1em no-repeat;} #site #docNavi li.protected_into li a {background: #FFEDC5 !important; border:0; color:#000; font-weight:normal;} #site #docNavi li.protected_into li.actSubItem {font-weight:bold;} #site #docNavi li.protected_into.actSubItem ul li a { color:black; } #site #docNavi li.protected_into.actSubItem a {border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3into.gif) no-repeat;} #site #docNavi li.protected_into li.actSubItem span {background:transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) no-repeat scroll 3px 1em;border:0 none;color:#000000;font-weight:bold;} .into li.open ul ul ul { background-color: #FFEDC5; } .into .newsBlock{border-bottom: none;} .into h3 { background: #FBBD3E url(/stc/armas/img/log-bg-into.gif) repeat-y;padding:6px; } .club.into h3 { background: #fbbd3e url(/stc/armas/img/log-bg-into.gif) repeat-y;padding:6px; } .club.into .log{background: #FFEDC5;} /* Aino */ .aino #docNavi .open li .act span{background-image: none;} .aino #docNavi .open li a {background: #59b9a6 url(/stc/armas/img/docNavi/navi3aino.gif) repeat-y ;padding:3px;padding-bottom:0px; color: #fff; font-weight: bold;} .aino #docNavi .open li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2Inv.gif);padding-left:12px;color:white;} .aino #docNavi .open li li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);padding-left:12px;color:black;} .aino #docNavi .open li li a{background: #DBE8E1 !important; font-weight: normal; color: #000;} .aino #docNavi .open li li li a{background-color: transparent;} .aino #docNavi .open li .act a{background-image: none;} .aino #docNavi .open li .act span{ background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);} #site #docNavi li.protected_aino a span {border:0;background:none; } #site #docNavi li.protected_aino a { border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/docNavi/navi3aino.gif) no-repeat;} #site #docNavi li.protected_aino li span{margin-left: 64px; border-bottom: 1px solid #EBEBEB; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) 3px 1em no-repeat;} #site #docNavi li.protected_aino li a {background: #DBE8E1 !important; border:0; color:#000; font-weight:normal;} #site #docNavi li.protected_aino li.actSubItem {font-weight:bold;} #site #docNavi li.protected_aino.actSubItem ul li a { color:black; } #site #docNavi li.protected_aino.actSubItem a {border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3aino.gif) no-repeat; } #site #docNavi li.protected_aino li.actSubItem span {background:transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) no-repeat scroll 3px 1em;border:0 none;color:#000000;font-weight:bold;} .aino li.open ul ul ul { background-color: #DBE8E1; } .aino .newsBlock{border-bottom: none;} .aino h3 { background: #59b9a6 url(/stc/armas/img/aino-bg.gif) repeat-y 0 0;padding:6px; } .club.aino h3 { background: #59b9a6 url(/stc/armas/img/log-bg-aino.gif) repeat-y;padding:6px; } .club.aino .log{background: #DBE8E1;} /* Lumo */ .lumo #docNavi .open li .act span{background-image: none;} .lumo #docNavi .open li a {background: #3FBCD4 url(/stc/armas/img/docNavi/navi3lumo.gif) repeat-y ;padding:3px;padding-bottom:0px; color: #000; font-weight: bold;} .lumo #docNavi .open li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2Inv.gif);padding-left:12px;color:white;} .lumo #docNavi .open li li span{background-color: transparent; background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);padding-left:12px;color:black;} .lumo #docNavi .open li li a{background: #C8ECF5 !important; font-weight: normal; color: #000;} .lumo #docNavi .open li li li a{background-color: transparent;} .lumo #docNavi .open li .act a{background-image: none;} .lumo #docNavi .open li .act span{ background-image: url(/stc/armas/img/docNavi/arrow_docNavi2.gif);} #site #docNavi li.protected_lumo a span {border:0;background:none; } #site #docNavi li.protected_lumo a { border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3lumo.gif) no-repeat;} #site #docNavi li.protected_lumo li span{margin-left: 64px; border-bottom: 1px solid #EBEBEB; background: transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) 3px 1em no-repeat;} #site #docNavi li.protected_lumo li a {background: #C8ECF5 !important; border:0; color:#000; font-weight:normal;} #site #docNavi li.protected_lumo li.actSubItem {font-weight:bold;} #site #docNavi li.protected_lumo.actSubItem ul li a { color:black; } #site #docNavi li.protected_lumo.actSubItem a {border:0; color:#fff; font-weight:bold;background: url(/stc/armas/img/navi3lumo.gif) no-repeat;} #site #docNavi li.protected_lumo li.actSubItem span {background:transparent url(/stc/armas/img/docNavi/arrow_docNavi2.gif) no-repeat scroll 3px 1em;border:0 none;color:#000000;font-weight:bold;} .lumo li.open ul ul ul { background-color: #C8ECF5; } .lumo .newsBlock{border-bottom: none;} .lumo h3 { background: #3fbcd4 url(/stc/armas/img/lumo-bg.gif) repeat-y 0 0;padding:6px; } .club.lumo h3 { background: #3fbcd4 url(/stc/armas/img/log-bg-lumo.gif) repeat-y;padding:6px; } .club.lumo .log{background: #C8ECF5;} /* 7.5 BottomNavi */ .bottomNavi {padding: 0 0px 0 0px;} /* 7.6 RightNavi */ .rightNavi{margin-left: 17px;/*margin-top: 5px;*/} #right ul.rightNavi{list-style-type: none; list-style-image: url(/stc/armas/img/docNavi/arrow_docNavi.gif); list-style-position: outside; padding-left: 15px;} #right ul.rightNavi a{display: inline;} .arrowLink {float:left;display:block;width:100%; } .rightNaviPadding {padding-left:32px;} #right .arrowLink ul, #middle .arrowLink ul {list-style-type: none; list-style-image: url(/stc/armas/img/docNavi/arrow_docNavi.gif); list-style-position: outside; padding-left: 10px;} #middle .arrowLink ul {padding-left:0; padding-bottom:13px;} #right .arrowLink ul a, #middle .arrowLink ul a {display: inline; font-weight:bold;} /* 7.7 AuthorNavi */ .authorNavi{margin-bottom: 18px;} #site .authorNavi a{font-weight: bold; display: inline;} #site .authorNavi a:hover{text-decoration: underline; } #site .authorNavi li{line-height: 1.8em;} /* Right authorNavi*/ #authorNavi{margin-top:59px;} /* 8. Content elements */ /* 8.1 Search */ #searchForm{ margin: 0; padding: 0;} #searchForm .txt{margin-top: 0; margin-left: 4px;} #searchBox{background: url(/stc/armas/img/bg_search.gif) 0 0 repeat-x; margin: 0; } #searchBox a{background: url(/stc/armas/img/bg_searchLink.gif) 0 50% no-repeat;margin-left:10px; padding-left: 10px; padding-right: 5px; } #searchL{background: url(/stc/armas/img/bg_searchL.gif) 0 0 no-repeat;} #searchR{background: url(/stc/armas/img/bg_searchR.gif) top right no-repeat;} #search{border: 0; width: 100px; background: none; padding: 4px 0 0 8px; margin: 0 0 10px 0;} #submit{margin: 4px 5px 0 0; float: right; } /* 8.2 image Caption */ .u4-image-caption{font-weight: normal; padding: 5px 0 10px 0; font-size: 0.9em;} .productImage{padding-bottom:15px;} .productImage .u4-image-caption{padding-bottom:0;} /* 8.3 Material search */ input.materialSearch{background: transparent 0 50% no-repeat; border: 0; margin: 0 0 14px 0; padding: 0 0 0 6px; text-align: left; } select.materialSearch{width: 182px; height: 200px; margin-bottom: 15px; } select.materialSearch option{ margin: 0;} select{margin: 0; padding: 0;} select option{} div#bookSearch .blockLabel { display: block; } /* 8.4. Blocks */ /* 8.4.1 General block*/ .block { padding-bottom: 30px; } /* removed due #4502 / 2.11.2009 mileht .block, x:-moz-any-link {padding-bottom: 30px; margin:0;} .block, x:-moz-any-link, x:only-child {margin-bottom: 30px; padding:0;}*/ .block .blockImg{float: left; width: 22%; overflow:hidden; margin-right:11px;} /*.block .blockImg img{margin-right: 20px;}*/ .block .blockCont{float: left; width: 74.9%; } .block .bookLinks { border-bottom: 1px solid #E2E2E2; margin: 0 0 3px 0; } .block a.cart, .block a.task, .block a.opettajalle{ border-bottom: 1px solid #E2E2E2; padding: 4px 0 3px 20px; margin: 0 0 3px 0; display: block;} .block .blockCont p{margin: 15px 0 15px 0;} .block .smallImg{float: left; width: 17.9%;} .block .wideContent{float: left; width: 82%; } .block .wideContent p{margin-bottom: 10px;} .block .wideContent a{text-decoration: none; color: #2a2a2a;} .block .wideContent strong a{color: #A22630;} .block .wideContent a:hover{text-decoration: underline;} .block .wideContent .bookDesc{margin-top: 22px;} .bookDesc li{list-style-type: none; margin-left:0;} /* 8.4.2 Small block */ .block.small{width: 49.9%; float: left; margin-bottom: 30px;} .block.small .blockImg{width: 32%; } .block.small .blockImg img{margin-right: 15px;} .block.small .blockCont{width: 65%;} .block.small .blockCont p{margin: 5px 0 15px 0; padding: 0; font-size: 0.9em; } .block.small .blockCont p a{color: #2A2A2A; text-decoration: none;} .block.small .blockCont p a:hover{text-decoration: underline;} /* 8.4.3 Book block*/ .bookBlock{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #EBEBEB; width: 100%;} .bookBlock .blockImg{float: left; width: 27%; padding-top:11px; /*text-align: right; overflow: hidden;*/} .bookBlock .blockImg img{margin-right: 20px;} .bookBlock .blockCont{float: left; width: 72%;} .bookBlock .blockCont p{margin: 15px 0 15px 0;} .bookBlock .blockCont a{color: #333;} .bookBlock .weak{color: #333333;margin-bottom:5px;} .wide .bookBlock .blockImg { width:32%; } .wide .bookBlock .blockCont { width:67%; } /* .club h3{background: #FFD602; padding: 6px 14px 9px 14px; font-size: 0.9em; font-weight: bold; color: #000;} .club p, .logout{border: 1px solid #EBEBEB; padding: 8px 14px; margin-bottom: 0; border-top: none;} .club .logout{background: #FFF5C0; padding: 1px; } .club .logout p{border: 1px solid #fff; } */ div#net-club-empty-content-large { padding-left: 15px; padding-right: 15px; } /* 8.6. News list */ .newsList{border-top: 1px solid #DDDDDD; margin-bottom: 20px; width: 100%;} .newsBlock{border-bottom: 1px solid #DDDDDD; padding: 10px 15px 10px 15px; width:100%;} .newsLeft{float: left; width: 40%;} /*.newsRight{float: left; width: 59.9%;}*/ /*.newsRight p{padding-left: 20px;}*/ .newsRight p{} .newsRight a{background: url(/stc/armas/img/docNavi/arrow_docNavi.gif) 5px 0.3em no-repeat; padding-left: 15px; font-weight: normal;} /* Simple doc list */ ul.doclist li { list-style:none; margin:0; } /* 8.7 Two column element */ div.ce-c, div.ce_personSearch{width: 100%; height:auto; margin-bottom: 1.1em;} div.ce-l, div.ce-r, div.ce-lt, div.ce-mt, div.ce-rt{float: left; height: auto;} div.ce-l, div.ce-lt, div.ce-mt{padding: 0;} div.ce-l{width: 50%;} div.ce-r{width: 49.9%;} div.ce_personSearch div.ce-l{width: 30%;} div.ce_personSearch div.ce-r{width: 69.9%;} div.ce-lt, div.ce-mt, div.ce-rt{width: 32%;} div.ce-p, div.ce-pb{width: auto; height: auto; padding-right: 2px;} div.ce-pb{border-right: 1px solid #cccccc;} /* 8.8 Banners */ .lift {padding-bottom:3px;float:right;} .lift img{float:right;} .banner-past { background: #ffc6c6;} .banner-future { background: #dff8d6;} .banner-link a { display: block; } .banner-clicked_out { background: red; width: 130px; } /* 8.9 PersonList */ .personList {padding-bottom:10px;} .personList .personImg{float:left; padding-right:10px;} /* 9. Page types*/ /* 9.1 Book */ a.prev{background: url(/stc/armas/img/icon_arrow_left.gif) 0 50% no-repeat; padding-left: 15px; font-weight: bold; float:left;} a.next{background: url(/stc/armas/img/icon_arrow_right.gif) 100% 50% no-repeat; padding-right: 15px; font-weight: bold; float:right;} a.back{font-weight: bold;} .block a.back{ border-bottom: 1px solid #E2E2E2; padding: 0 0 3px 20px; margin: 0; display:block; margin-bottom:5px;} .description {font-weight: bold; display:block; padding-bottom:10px;font-size:1em; line-height:1.5em;} .versions {margin:10px 20px 0px 20px;} #site .versions li { display: inline; list-style-type: none; float:left; margin: 0; padding: 0;} .versions .item {width:93px; text-align:center;} .versions .item img {width:55px; margin-top:10px;} .information {margin-left:20px; margin-top:5px;} .bookLinks{margin-bottom: 14px;} /* 9.1.1 Book search */ #right{} #bookSearch {border:1px solid #ececec; padding:1px;} #bookSearch .textField {background-color:#8e8277; margin-bottom:1px; padding:10px 8px;} #bookSearch .textField label {color:white; padding-left:2px;} #bookSearch .textField input {border:1px solid #ececec; width:100%; margin-top:6px; height:16px;} #bookSearch .category {margin: 0px 0px 5px 8px;font-size:0.9em;} #bookSearch p {padding:0px 8px 6px 8px; margin-bottom:2px; margin-top:5px;} /* 9.1.2 Book block */ .block.book {margin-bottom: 30px; } .block.book .bookImg{float: left; margin-right:0; width:172px; margin-right: 20px; } .editMode .block.book .bookImg {overflow:hidden;} .block.book .blockCont{float: none; width:100%;} .block .bookLinks { border-bottom: 1px solid #E2E2E2; padding: 0 0 3px 20px; margin: 0; } .emptySpace {height:45px;} .contactList {margin-top:5px; padding-left:15px;} .contactList ul {padding-bottom:10px;} .contactList li {padding-left:10px; background: url(/stc/armas/img/docNavi/arrow_docNavi.gif) no-repeat 0 50%;} .ageRecommendation {clear:both; padding-top: 5px;} /* 9.1.3 Book pagination*/ .pagination{background: #F0F0F0; padding: 8px 15px 7px 15px; text-align: center; margin-bottom: 6px; color: #B0B0B0;} .pagination .title{color: #0A1314;} .sort{margin-bottom: 30px; text-align: center;} /* 9.1.4 eBook list */ .ebook { margin-bottom:18px; } .ebook h4 { color: #6E6F6E; font-size: 1.2em; font-weight: bold; } .ebook-edit .ebook { border: 1px dotted green; } .authorPagination a.selected { font-weight:bold; text-decoration:underline; } /* 9.2 Author */ .authorPagination{color: #A22630; padding-top: 5px;} .authorPagination a{padding: 0 15px 0 0; margin: 0 15px 0 0; background: url(/stc/armas/img/bg_authorPagination.gif) right center no-repeat;} .alphabet{font-weight: bold; color: #6E6F6E; font-size: 1.2em; } /* 9.3 Events and News */ .newsImage {float:left; width:110px; overflow:hidden; padding:0 15px 0 0;margin-right:15px;} .summaryList{line-height: 1.2em; padding-bottom: 1em; width: 100%; float: left;} #site .summaryList{list-style-type: none; } #site .summaryList li{margin-left: 0; float: left; width: 100%; margin: 0; padding: 2px 0 3px 0;} .summaryList .date{text-align: center;/*padding: 0 10px 0 10px;*/ float: left; width: 25%; display: block;} .summaryList li{clear: left;} .summaryList a{float: left; width: 74.9%; display: block;} .summaryList .big .date{padding: 0px; text-align: left; } .summaryList .big a{display: inline; float: none;} .summaryList li.big .imgContainer{float: left; margin: 0 15px 15px 10px;} .summaryList li{border-bottom: 1px solid #E0E0E0; padding: 2px 0 2px 0;} .summaryList li.big{border: 0;} .naviList.news .act a{color: #939393;} .naviList.news a{font-weight: bold;} #siteBody .naviList.news li{border-bottom: 1px solid #D5D5D5; padding: 6px 6px 6px 6px !important; line-height: 1.2em;} /* 9.4 Search results */ .searchResults h4, .searchResults h3{font-size: 1em; font-weight: bold; background: none; margin: 0; padding: 0; color: #3A3A3A;} .searchResults h3{padding-top:10px;} .searchResults h4{border-bottom: 1px solid #D8D8D8; margin-bottom: 1em; padding-bottom: 2px; padding-top:20px; font-size: 1em; color: #222222;} .searchResults a{font-weight: bold;} .searchQuery{background-color: #F2F2F2; padding: 4px 13px 4px 13px; margin-bottom: 1.2em;} .searchQuery h3{padding: 0; display: inline;} .searchTerm{font-weight: normal; /*font-style: italic;*/} .resultSet{/*padding: 0 14px 0 14px;*/ min-height: 400px;} .resultSet h4 {padding-top:20px;} .resultSet ol, .resultSet ol li {padding:0 !important; margin:0 !important;} * html .resultSet{height: 400px;} .attachPdf{} /* 9.5 Form styles */ /* 9.5 Form styles */ .formRow{padding: 0; margin: 0 0 4px 0; clear:left; line-height:1.3em; margin-bottom:15px;} .formRow span{font-weight: bold; display: block; width: 150px; padding-right: 7px; margin-right: 7px; text-align: right; float: left;} .formRow div { margin-bottom : 10px; width: 200px; float: left;} .textInputField{background: #F1F1F1; border: 1px solid #D4D4D4;} .required{background: url(/stc/armas/img/required.gif) top right no-repeat;} .check{margin-right: 10px;} .formHelp{padding-left: 165px;} .hidden {margin:0;padding:0;} .error {color: red;} .submit {margin-top:15px;} .emailForm .hr {margin-top:15px;} table.u4-em-ie { border-collapse:collapse ;} table.u4-em-ie td {padding:0; margin:0; border:0; } table.u4-em-ie td nobr {padding:10px;} table.u4-em-ie td.u4-em-option-ie, table.u4-em-ie td.u4-em-option-sel-ie{padding-top:3px; padding-bottom:2px;} table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor: pointer; } table.u4-table-default td { vertical-align:top; } .editMode table.u4-table-default { border:0; } .editMode td.u4-table-default-header, .editMode td.u4-table-default-header2, .editMode td.u4-table-default-odd, .editMode td.u4-table-default-even { border:1px solid #d4d0c8; } .siteMapFolderLevel1 {font-weight:bold; font-size:12px;} /* Autocomplete */ .ac_results { text-align:left; padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : Window url('/img/indicator.gif') right center no-repeat; } .ac_over { background-color: Highlight; color: HighlightText; } div.bookLinks a { display: block; } div#bookVideoSample div.navigo-attachment a { background: url(/stc/armas/img/docNavi/arrow_docNavi.gif) 5px 0.5em no-repeat; padding-left: 20px; font-weight: bold; } span.netClubLoginFailed { color: red; } div#authorImageEdit { height:auto; min-height:4em; width: 172px; } /* for Internet Explorer */ /*\*/ * html div#authorImageEdit { height: 4em; } /**/ div#authorContentEdit { margin-left: 180px; } .netClubLoginFailed a { float: left; text-align: left; !important } .bookLinks .bookLinksContainer { border-bottom:1px solid #e2e2e2; margin-bottom:3px; } .bookLinks .bookLinksContainer a.cart { margin:0; border:none; width:200px; } .addthis_button { float:right; width:125px; } .Otso-clubheading-container { background: #BC231A url(/stc/armas/img/log-bg-otso.gif) repeat-y scroll 0 0; color: white; font-size: 1em; font-weight: bold; height: 1em; margin-top: 6px; padding: 6px; padding-left: 24px; } .Into-clubheading-container { background: #fbbd3e url(/stc/armas/img/log-bg-into.gif) repeat-y scroll 0 0; color: white; font-size: 1em; font-weight: bold; height: 1em; margin-top: 6px; padding: 6px; padding-left: 24px; } .Lumo-clubheading-container { background: #3fbcd4 url(/stc/armas/img/log-bg-lumo.gif) repeat-y scroll 0 0; color: white; font-size: 1em; font-weight: bold; height: 1em; margin-top: 6px; padding: 6px; padding-left: 24px; } .Aino-clubheading-container { background: #59b9a6 url(/stc/armas/img/log-bg-aino.gif) repeat-y scroll 0 0; color: white; font-size: 1em; font-weight: bold; height: 1em; margin-top: 6px; padding: 6px; padding-left: 24px; } .clubheading-inner { float: left; width: 60%; } .clubheading-links { float: left; width: 38%; } .Otso-clubheading-container .clubheading-links a { padding-left:12px; background:url(/stc/armas/img/arrow_otso.gif) left center no-repeat; } .Into-clubheading-container .clubheading-links a { padding-left:12px; background:url(/stc/armas/img/arrow_into.gif) left center no-repeat; } .Lumo-clubheading-container .clubheading-links a { padding-left:12px; background:url(/stc/armas/img/arrow_lumo.gif) left center no-repeat; } .Aino-clubheading-container .clubheading-links a { padding-left:12px; background:url(/stc/armas/img/arrow_aino.gif) left center no-repeat; } .clubheading-link { color: white; } .clubheading-link-two { color: white; margin-left:1.3em; } /* Uusi etusivu listaus 2011 */ .front-container { margin-top: 20px; padding-bottom: 10px; } .front-container .bContent { float: left; width: 580px; } .front-container .books { width: 560px; padding-left: 20px; float: left; background: url(/stc/armas/img/hylly_etusivu.jpg) left 6px no-repeat; } .front-container .books .bookImage { float: left; height: 149px; margin-top: 3px; padding-right: 9px; margin-bottom: 38px; position: relative; } .front-container .books .bookImage img { border: 1px solid #807C7B; position: absolute; bottom: 17px; } .front-container .newsblock { margin-left: 15px; width: 230px; float: left; background: url(/stc/armas/img/uutiset.jpg) left top no-repeat; } .front-container .newsblock h2 { font-size: 1.5em; margin-top: 12px; margin-left: 12px; margin-bottom: 0; width: 200px; height: 27px; } .front-container .newsblock h2 a { color:#6E6F6E; display:block;} #siteBody .front-container .newsblock .summaryList li { height: 46px; border: none; padding-left: 20px; width: 194px; margin-left: 5px; padding-top: 10px; border-top: 2px dotted #CFCFCF; background: url(/stc/armas/img/pikseli.gif) 7px 13px no-repeat; } #siteBody .front-container .newsblock .summaryList li.first { border: none; margin-top: 2px; height: 44px; } #siteBody .front-container .newsblock .summaryList li a { width: 98%; } .front-container .newsblock .summaryList li .date { display: none; } .oppim-container { width: 625px; } .oppim-container .books { width: 500px; height: 360px; margin-left: 5px; float:left; background: url(/stc/armas/img/hylly_oppim.jpg) left top no-repeat; } .oppim-container .banner { float: left; height: 360px; margin-left 15px; width: 120px; background: url(/stc/armas/img/banneri2.jpg) left top no-repeat;} .oppim-container .banner h4 { color: #fff; text-align:center; margin-top:10px; height: 38px; } .oppim-container .banner .banner-content { padding: 2px; } .oppim-container .banner .banner-content img { width: 117px; } .oppim-container .books .box { position: relative; float: left; width: 240px; height: 155px; margin-left: 10px;} .oppim-container .books .box .list { height: 155px; width: 240px; } .oppim-container .books .box .list.edit { border: 1px dotted grey; } .oppim-container .books .row1 { margin-bottom: 27px; margin-top: 1px;} .oppim-container .books .title { color: #858585; position: absolute; padding-left: 10px; padding-top: 5px; width: 166px; height: 150px; background: url(/stc/armas/img/box.jpg) left top no-repeat; } .oppim-container .books .title.edit { display:none; } .oppim-container .books .bookImage { float: left; height: 135px; margin-top: 20px; width: 92px; padding-right: 9px; margin-bottom: 40px; position: relative; } .oppim-container .books .bookImage img { position: absolute; bottom: 0; }