@import url("reset.css"); /* ..... reset default browser rendering */ @media screen, tv, projection { /* ..... default styles for screen display */ /* * grid * * * * * * */ body {background: #e6e6e6; min-width: 1012px; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 56%; color: #404040; overflow-y: scroll; } /* [global styles] */ /* =paragraphs */ p {font-size: 1.3em; line-height: 1.56em; margin: 0 0 15px 0} p.note {margin-top: -50px; padding-bottom: 20px; text-align: right; color: #949294} p.results {margin: -17px 0 3px 0; text-align: right; color: #949294} p.style01 {padding: 0 0 10px 10px; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x; margin-bottom: 0 } .col-3 > p {background: #a5c3d2; margin: 0 0 20px 0; padding: 5px 0 0 20px} p strong { font-weight: bold } /* =links */ p a, li a {color: #404040; text-decoration: none; border-bottom: 1px solid #9f9f9f} p a:hover, li a:hover {color: #dd291e; border-color: #dd291e} .col-3 p {padding: 0 0 5px 30px; margin: 0; background: #a5c3d2 url(../images/backgrounds/bg-dotline-onblue.gif) 20px 100% no-repeat} .subsite .col-3 p {background-color: #bdbebd; background-image: url(../images/backgrounds/bg-dotline-ongrey.gif)} a.link-page-up { border: none; background: url(../images/links/link-arrow-up.gif) 0 5px no-repeat; padding: 0 0 0 16px;} a.link-page-up:hover {background-position: 0 -195px} a.link-previous, a.link-next, span.link-previous, span.link-next {font-size: 1em; text-transform: uppercase; font-weight: normal; color: #343434; letter-spacing: 1px; display: inline-block; float: left} span.link-previous, span.link-next {color: #e6e6e6; background: url(../images/links/link-arrow-disabled-11px.gif) 0 1px no-repeat; } span.link-previous { padding-left: 15px} span.link-next {background-position: 100% 1px; padding-right: 15px} a.link-previous {background: url(../images/links/link-arrow-l-11px.gif) 0 1px no-repeat; padding-left: 15px} a.link-next {float: right; background: url(../images/links/link-arrow-r-11px.gif) 100% 1px no-repeat; padding-right: 15px} a.link-previous:hover {color: #10007b; background-position: 0 -199px} a.link-next:hover {color: #10007b; background-position: 100% -199px} a.more {display:block; padding:6px 12px; border:0; background: url(../images/links/link-arrow-r-11px.gif) 0 10px no-repeat;} h2 a {margin-left: -20px; padding-left: 20px; background: url(../images/links/link-arrow-r-17px.gif) 0 2px no-repeat; color: #947942} h2 a:hover {color: #10007b; background-position: 0 -198px} h2.style01 a {margin-left: -10px; padding-left: 10px; background: url(../images/links/link-arrow-r-11px.gif) no-repeat 0 3px; color: #404040} h2.style01 a:hover {color: #10007b; background-position: 0 -197px} h3 a {margin-left: -10px; padding-left: 10px; background: url(../images/links/link-arrow-r-11px.gif) 0 5px no-repeat; color: #947942} h3 a:hover {color: #10007b; background-position: 0 -195px} img {} #Content .col-3 img {background: #a5c3d2; padding: 6px 0 5px 30px; margin: 0; border: none} .subsite #Content .col-3 img {background: #bdbebd } div.ruler {width: 100%; height: 1px; margin: 0 0 25px 0; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x} /* =lists */ ul { margin-bottom: 15px; } ol { margin-bottom: 15px; } ul li, ol li {font-size: 1.3em} ol li {margin-left: 25px} ol li li, ul li li {font-size: 100%} /* =headings */ h1 {font-size: 1.7em; font-weight: normal; font-family: Glegoo, Times New Roman, Georgia;margin-bottom: 20px; letter-spacing: 2px; text-transform: uppercase; line-height: 1.56em; } .subcols h1 {margin-bottom: 20px} h2 {font-size: 1.9em; font-weight: normal; font-family: Glegoo, Georgia, Times New Roman;margin-bottom: 10px; color: #2a9dd3;line-height: 1.56em; } h3 {font-size: 1.7em; font-weight: normal; font-family: Glegoo, Georgia, Times New Roman; margin-bottom: 10px; color: #2a9dd3;line-height: 1.56em; } h4 {font-size: 1.3em; font-weight: bold; line-height: 1.56em; } h5, h6 {font-size: 1.3em; line-height: 1.56em} .col-3 h2 {color: #404040; text-transform: uppercase; font-size: 1.3em; letter-spacing: 1px; background: #a5c3d2 url(../images/backgrounds/bg-dotline-onblue.gif) 20px 100% no-repeat; padding: 2px 0 5px 30px; margin: 0} .subsite .col-3 h2 {background-color: #bdbebd; background-image: url(../images/backgrounds/bg-dotline-ongrey.gif)} h2.style01 {color:#404040; font-size: 1.3em; text-transform: uppercase; margin-bottom: 5px; padding-left: 10px; letter-spacing: 1px} h4.style01 {padding-top: 5px; padding-left:10px; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x} /* =misc */ span.filetype {display: inline-block; position: relative; top: 3px; width: 14px; height: 14px; text-indent: -999em; background: url(../images/icons/filetypes.gif) 0 0 no-repeat} span.filetype.pdf {background-position:0 0} input, select, textarea { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } textarea {font-size: 1.0em; } #PageContainer { width: 980px; margin: 0 auto; background: url(../images/backgrounds/bg-pagecontainer.gif) 0 0 repeat-y; padding: 0 0 100px 0; position: relative;} #PageContainer.subsite {background-position: -980px 0} #PageContainer #Header {height: 90px; z-index: 9999999999;} #PageContainer.subsite #Header { background-position: 0 -162px } #Header a {display: block; width: 255px; height: 90px; position: relative; top:15px; left: 35px; background: url(../images/logos/logo-intranet.gif) 0 0 no-repeat; text-indent: -999em; z-index: 101} #Header strong.title-subsite {position: absolute; top: 140px; left: 246px; background: #bdbebd; font-family: Times New Roman; font-size: 1.7em; letter-spacing: 2px; text-transform: uppercase; color: #fff; padding: 0 15px 15px 15px} #Header img.logo-subsite {position: absolute; top: 165px; right: 90px} #PageContainer #Content { padding-top: 45px; position: relative;} #Content div.path-block {position: absolute; top: 20px; left: 20px} #Content div.path-block ol {} #Content div.path-block ol li { list-style: none; display: inline; float: left; margin: 0; padding: 0 9px 0 0; line-height: 100%; } #Content div.path-block ol li a {color: #949294; padding-left: 10px; border: none; background: url(../images/links/link-arrow-r-7px.gif) 0 5px no-repeat} #Content div.path-block ol li a:hover {color: #10007b; background-position: 0 -95px} #Content div.grid-block {width: 100%; overflow: hidden} #Content div.grid-block div.grid-1-2-1 {} div.grid-1-2-1 div.col-1 {display: inline; width: 200px; padding: 0 20px; float: left; overflow: hidden} div.grid-1-2-1 div.col-1.topspace {padding-top: 45px} div.grid-1-2-1 div.col-1-homepage {display: inline; width: 100px; padding: 0 20px; float: left; overflow: hidden} div.grid-1-2-1 div.col-2 {display: inline; width: 460px; padding: 0 20px; float: left; overflow: visible} /* change here */ div.grid-3-0-1 div.col-3, div.grid-2-1-1 div.col-3, div.grid-1-2-1 div.col-3 {display: inline; width: 220px; padding: 0 20px 0 0; float: right; overflow: hidden} .subsite div.grid-1-2-1 div.col-3 {padding-top: 40px} div.grid-2-1-1 div.col-1 {display: inline; width: 440px; padding: 0 0 0 40px; float: left; overflow: hidden} div.grid-2-1-1 div.col-2 {display: inline; width: 220px; padding: 0 20px; float: left; overflow: hidden} div.grid-3-0-1 div.col-1 {display: inline; width: 700px; padding: 0 20px; float: left; overflow: hidden} div.subcols {width: 100%; display: block; overflow: hidden} div.subcols div.col-1 {display: inline; width: 220px !important; padding: 0 20px 0 0 !important; float: left} div.subcols div.col-2 {display: inline; width: 220px; padding: 0; float: left} div.grid-3-0-1 div.subcols div.col-1 {padding-top: 49px !important} div.grid-3-0-1 div.subcols div.col-2 {width: 460px !important} div.row { clear: both;} div.row div.col {display: inline; float: left; width: 220px; padding: 0 20px 0 0} div.row div.col.last {padding-right: 0} #PageContainer #Navigation { width: 980px; position: absolute; top: 4px; left: 0; height: 162px; background: url(../images/logos/logo-narcis.gif) 50% 24px no-repeat; z-index: 99} #PageContainer #Navigation ul#SiteNav {position: absolute; top: 91px; left: 0; padding-left: 16px; width: 964px; background: url(../images/backgrounds/bg-menuitem-ul.gif) 0 0 repeat-x} #PageContainer #Navigation ul#SiteNav li {display: inline; position: relative; font-size: 1.3em; float: left; height: 36px; padding: 0 13px 0 14px; border-bottom: 11px solid #a5c3d2 ;background: url(../images/backgrounds/bg-menuitem-divider.gif) 100% 50% no-repeat} #PageContainer.subsite #Navigation ul#SiteNav li {border-color: #bdbebd} #PageContainer #Navigation ul#SiteNav li.active {border-color: #10007b} #PageContainer #Navigation ul#SiteNav li.last-item {background: none} #PageContainer #Navigation ul#SiteNav li a {color: #deba6b; padding-top: 5px; border-bottom: 0; text-transform: uppercase; font-family: Georgia, Times New Roman; letter-spacing: 2px; line-height: 2.9em; } #PageContainer #Navigation ul#SiteNav li a:hover, #PageContainer #Navigation ul#SiteNav li:hover a, #PageContainer #Navigation ul#SiteNav li.active a {color: #fff} #PageContainer #Navigation ul#SiteNav li ul {display: none; z-index: 10; width: 199px; left:0; position: absolute; top: 30px; padding-bottom: 10px; background: #10007b; } #PageContainer #Navigation ul#SiteNav li ul li {display: block; height: auto; float: none; padding: 0 6px 3px 12px; font-size: 100%;border: none; background: none; } #PageContainer #Navigation ul#SiteNav li ul li a {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0; text-transform:none; line-height: 1.56em; display: block; background: url(../images/links/link-arrow-r-onblue.gif) 100% 10px no-repeat} #PageContainer #Navigation ul#SiteNav li:hover ul li a {color: #deba6b; } #PageContainer #Navigation ul#SiteNav li:hover ul li a:hover {color: #fff; background-position: 100% -90px} #PageContainer #Navigation ul#MetaNav {position: absolute; right: 20px; top: 10px} ul#MetaNav li {display: inline; padding: 0 0 0 15px; font-size: 100%} ul#MetaNav li a {font-family: Open Sans; font-size: 1.3em; text-transform: uppercase; border: none; color: #949294; letter-spacing: 1px;} ul#MetaNav li a:hover {color: #dd291e} #PageContainer #Navigation div.user-block {position: absolute; right: 20px; margin-top: 60px} #Navigation div.user-block a {font-size: 1.3em; color: #949294; text-decoration: none} #Navigation div.user-block a strong {font-weight: normal} #Navigation div.user-block a:hover {color: #10007b;} #Footer {width: 980px; height: 175px; position: absolute; background: #767676;} #Footer div.author-block { margin: -20px 35px 0 30px} #Footer div.author-block p.meta-contact {width: 720px; display: inline; float: left; color:#947942; font-size: 1.2em } #Footer div.author-block p.meta-contact strong {font-weight: normal} #Footer div.author-block p.meta-contact a:link {border: none; color: #947942} #Footer div.author-block p.meta-contact a:hover {color: #10007b} #Footer div.author-block p.meta-date {display: inline; width: 200px; margin: 0 20px 0 25px; color: #fff;font-size: 1.2em} #Footer .overdans p a { border-bottom: none; } /* [components ] */ /* =.form-block */ .form-block {} .form-block.style01 {padding-top: 55px;background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 30px no-repeat; } .form-block.style02 {padding-top: 4px; margin-bottom: 20px; padding-bottom: 0px;background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% no-repeat;} .form-block fieldset {padding-bottom: 20px; } .form-block.style02 fieldset {padding-bottom: 0px; } .form-block fieldset.style01 {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 no-repeat; padding-top:11px} .form-block fieldset legend { display: block; position: absolute; top: -999em; margin-top: -999em; visibility: hidden; } .form-block fieldset legend.heading {display: inline; visibility: visible; position: static; margin: 0; padding: 0 0 15px 0; color:#947942; font-size: 1.7em; font-family: Georgia, Times New Roman; } .form-block fieldset div.row {width: 100%; overflow: hidden; margin-top: 4px; margin-bottom: 10px; position: relative; margin-left: -20px; padding-left: 20px} .form-block fieldset div.row span.note {font-size: 1.3em; color: #949294; padding-left: 13px; line-height: 1.7em} .form-block fieldset div.row label {display: inline; float: left; width: 130px; padding: 3px 10px 0 0;font-size: 1.3em} .form-block fieldset div.row label span.required {display: inline-block; width: 8px; height: 8px; position: absolute; left: 5px; top: 7px; text-indent: -999em; background: url(../images/icons/ico-star.gif) 0 0 no-repeat} .form-block fieldset div.row input.field {display: inline; float: left; border: 1px solid #e1cd9d; padding: 2px 10px 0 10px; height: 1.56em; width: 298px; font-size: 1.3em; line-height: 1em; color: #404040} .form-block fieldset div.row input.field.short-width {width: 103px;} .form-block fieldset div.row input.button-submit {display: inline; float: left; height: 23px; padding: 0 14px 0 11px; font-size: 1.1em; line-height: 1.8em; letter-spacing: 1px; font-family: Georgia, Times New Roman; text-transform: uppercase; color: #fff; text-align: center; background: #ad9663 url(../images/buttons/btn-formbtn.gif) 100% 6px no-repeat; border-right: 9px solid #ad9663; cursor: pointer;} .form-block fieldset div.row input.button-submit.hover {background-color: #10007b; background-position: 100% -94px; border-color: #10007b } .form-block fieldset div.row input.radio, .form-block fieldset div.row input.checkbox {display: inline; margin: 2px 5px 0 1px; width: 15px; height: 14px} .form-block fieldset div.row select {padding: 0 0 0 10px; width: 320px; border: 1px solid #e1cd9d; background: #fff; color: #404040; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; } .form-block fieldset div.row select option {padding-bottom: 2px} .form-block fieldset div.row textarea {padding: 2px 10px 0 10px; width: 298px; border: 1px solid #e1cd9d; color: #404040; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em} .form-block fieldset div.row div.group {display: inline; overflow: hidden; width: 320px; float: right; margin-top: 3px} .form-block fieldset div.row div.group div.row {margin-bottom: 7px} .form-block fieldset div.row div.group label {float: none; padding-right: 25px} .col-3 .form-block {background: #a5c3d2; margin: 0 0 20px 0; padding: 5px 0 0 20px} .subsite .col-3 .form-block {background: #bdbebd} .col-3 .form-block fieldset {padding-bottom: 0} .col-3 .form-block fieldset div.row {margin-left: 0; padding-left: 0} .col-3 .form-block fieldset div.row input.field {border: 1px solid #fff; padding: 2px 10px 0 10px; font-size: 1.3em; color: #404040; line-height: 1em; height: 1.56em; width: 154px; background: none} .col-3 .form-block fieldset div.row input.button-submit {display: block; margin-left: 1px; text-indent: -999em; width: 23px; height:22px; background: url(../images/buttons/btn-search.gif) 0 0 no-repeat; cursor: pointer; border: none; padding: 0} .subsite .col-3 .form-block fieldset div.row input.button-submit {background-position: 0 -198px} .col-3 .form-block fieldset div.row input.button-submit.hover {background-position: 0 -100px} .subsite .col-3 .form-block div.row input.button-submit.hover {background-position: 0 -300px} .col-3 .form-block a {display: block; margin: -5px 4px 0 10px; font-size: 1.3em; color: #404040; text-decoration: none; background: url(../images/links/link-arrow-r-col3.gif) 100% 4px no-repeat} .subsite .col-3 .form-block a {background-position: 100% -396px} .col-3 .form-block a:hover {color: #fff; background-position: 100% -196px} .subsite .col-3 .form-block a:hover {background-position: 100% -595px} .form-block form.calendar {} .form-block form.calendar label {position: absolute; top: -999em; visibility: hidden;} .form-block form.calendar fieldset {padding-bottom: 0; padding-top: 0; } .form-block form.calendar fieldset div.row select {border: 1px solid #e1cd9d; display: inline; float: left; padding: 0 0 0 5px; margin: 0 10px 0 0; color: #404040; } .form-block form.calendar fieldset div.row select.select-month {width: auto} .form-block form.calendar fieldset div.row select.select-year{width: auto} .form-block form.calendar fieldset div.row input.button-submit {padding-right:20px; background: #fff url(../images/links/link-arrow-r-11px.gif) 50px 6px no-repeat; padding-top: 0px; color: #947942; border: 1px solid #e1cd9d;} .form-block form.calendar fieldset div.row input.button-submit.hover {background-position: 50px -194px; border-color: #10007b; color: #10007b; } /* =.list-block */ .list-block { margin: 0 0 25px 0; } .list-block.style03 {padding: 1px 0 3px 0; overflow: hidden; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 no-repeat; position: relative; margin-bottom: 0} .list-block.style04 {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x; padding-top: 2px; } .list-block.style03 a.link-previous, .list-block.style03 a.link-next, .list-block.style03 span {margin-top: 3px} .col-3 .list-block {background: #a5c3d2; margin: 0 0 20px 0; padding: 0 0 5px 20px} .subsite .col-3 .list-block {background: #bdbebd} .list-block ul { margin-bottom: 0; } .list-block ol { margin-bottom: 0; } .list-block ul li {} .list-block ol li {} ol li p {font-size: 100%; margin:0; line-height: normal; color: #404040; font-weight: normal;} /* ul.style01 */ ul li {margin: 0 0 6px 0; background: url(../images/bullets/bullet-01.gif) 0 7px no-repeat; padding-left: 14px;} ol {color: #404040} ol li { font-weight: normal; list-style-position: outside; padding-left: 0px; margin-bottom: 10px; } /* =.news-list (dl > dd / dt) */ dl.news-list {} dl.news-list.style01 {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x; padding-top: 10px; margin-bottom: 30px; } dl.news-list dt {} #Content dl.news-list dt img {display: inline; float: right; margin-left: 10px; margin-right: 0; } dl.news-list dt em {display: block; color: #949294; font-size: 1.3em; padding: 3px 0 3px 10px; font-style: normal;} dl.news-list.style02 dt em {padding-left: 0} dl.news-list dt a {display: block; font-family: Georgia, Times New Roman; font-size: 1.8em; color: #404040; background: url(../images/links/link-arrow-r-11px.gif) 0 5px no-repeat; padding: 0 0 0 10px } dl.news-list.style02 dt a {display: inline;margin-left: -20px; padding-left: 20px; background: url(../images/links/link-arrow-r-17px.gif) 0 2px no-repeat;} dl.news-list dt a:hover {color: #10007b; background-position: 0 -195px; } dl.news-list.style02 dt a:hover {background-position: 0 -198px; } dl.news-list dd { padding-left: 10px; padding-bottom: 10px; font-size: 1.3em; line-height: 1.46; margin-bottom: 10px; } dl.news-list.style01 dd {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x; } dl.news-list.style02 dd {padding-left: 0 ;} dl.news-list dd p {margin-bottom: 0 ;} dl.news-list.calendar dt {position: relative;padding-left: 35px} dl.news-list.calendar dd {padding-left: 45px; padding-bottom: 15px} dl.news-list.calendar dt strong {display: block; width: 35px; position: absolute; top: 0px; left: -4px; font-family: Times New Roman; font-size: 2.6em; text-align: center; color: #a78b4a; line-height: .9em} dl.news-list.calendar dt strong span {display: block; font-size: 50%; line-height: 1em; letter-spacing: 1px;text-transform: uppercase; padding-top: 2px} /* =.link-block */ .link-block { background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x; padding: 0 0 3px 0;} .link-block.style01 { width: 125px; margin: -15px 0 20px 0} .link-block.style02 { padding-top: 2px; padding-left: 10px; margin-bottom: 25px} div.link-block a {display: block; margin-right: 4px; font-size: 1.3em; color: #947942; text-decoration: none; background: url(../images/links/link-arrow-r-11px.gif) 100% 3px no-repeat} div.link-block a:hover {color: #10007B; background-position: 100% -397px} /* =.link-list */ ul.link-list {} ul.link-list li {margin: 0; padding: 0; background: none} ul.link-list li a { line-height:1.45em; border: none; } ul.link-list li a:hover {} ul.link-list li a span {display: block;} ul.calendar li strong {display: block; font-family: Times New Roman; font-size:1.8em; text-align: left; color: #a78b4a; } ul.calendar li strong span {display: inline; font-size: 50%; line-height: .9em; text-transform: uppercase; padding-bottom: 5px} /* =.link-list.style02 */ .list-block.style02 ul.link-list {margin-top: 49px; margin-bottom: 0; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x } .list-block.style02 ul.link-list li { padding: 2px 0; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x } .list-block.style02 ul.link-list li a { padding: 0 15px 2px 9px; margin: 0 4px 0 0; border: none; display: block; background: url(../images/links/link-arrow-r-11px.gif) 100% 3px no-repeat; color: #947942; font-family: Georgia, Times New Roman; font-size: 1.1em; line-height: 1.3em; } .list-block.style02 ul.link-list li.active a {color: #404040; background-position: 100% -197px} .list-block.style02 ul.link-list li a:hover {color: #10007b; background-position: 100% -397px} .list-block.style02ul.link-list li ul {} .list-block.style02 ul.link-list li ul li {background: none; margin-left: 14px} .list-block.style02 ul.link-list li.active ul li a {color: #947942; } /* =.link-list.style04 */ .list-block.style04 ul.link-list {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x } .list-block.style04 ul.link-list.style01 {background: none; padding-top: 15px} .list-block.style04 ul.link-list li { padding: 3px 0 4px 10px; } .list-block.style04 ul.link-list li.item-link {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x; padding-bottom: 2px } .list-block.style04 ul.link-list li a { padding-left: 10px; padding-bottom: 1px; margin: 0 0 0 -10px; border: none; display: block; background: url(../images/links/link-arrow-r-11px.gif) 0 3px no-repeat; font-weight: bold} .list-block.style04 ul.link-list li a:hover {color: #10007b; background-position: 0 -397px} .list-block.style04 ul.link-list li a.link-style01 {background-position: 100% 3px; margin-right: 4px; color: #947942; font-weight: normal;} .list-block.style04 ul.link-list li a.link-style01:hover {background-position: 100% -397px; color: #10007b} .list-block.style04 ul.link-list li ul {padding-top: 2px; padding-bottom: 5px} .list-block.style04 ul.link-list li ul li a {font-weight: normal} .list-block.style04 ul.link-list li em {display: block; color: #949294; font-style: normal;} /* =.link-list.style05 */ .list-block.style05 ul.link-list {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x } .list-block.style05 ul.link-list li { padding: 3px 0 2px 10px; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x; } .list-block.style05 ul.link-list li.item-link {background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x; padding-bottom: 2px } .list-block.style05 ul.link-list li a { padding-left: 10px; padding-right: 10px;padding-bottom: 1px; margin: 0 4px 0 -10px; border: none; display: block; background: url(../images/links/link-arrow-r-11px.gif) 100% 3px no-repeat; } .list-block.style05 ul.link-list li a:hover {color: #10007b; background-position: 100% -397px} .list-block.style05 ul.link-list li a.link-style01 {background-position: 100% 3px; margin-right: 4px; color: #947942; font-weight: normal;} .list-block.style05 ul.link-list li a.link-style01:hover {background-position: 100% -397px; color: #10007b} .list-block.style05 ul.link-list li em {display: block; color: #949294; font-style: normal;} /* =.col-3 .link-list */ .col-3 ul.link-list {} .col-3 ul.link-list li { padding: 1px 0 2px 0; background: url(../images/backgrounds/bg-dotline-onblue.gif) 0 100% no-repeat} .subsite .col-3 ul.link-list li {background-image: url(../images/backgrounds/bg-dotline-ongrey.gif)} .col-3 ul.link-list li a {display: block;margin-right: 4px; border: none;padding: 0 15px 1px 10px; background: url(../images/links/link-arrow-r-col3.gif) 100% 3px no-repeat} .subsite .col-3 ul.link-list li a {background-position: 100% -397px; } .col-3 ul.link-list li a:hover {color: #fff; background-position: 100% -197px} .subsite .col-3 ul.link-list li a:hover {background-position: 100% -597px} .col-3 ul.link-list li a span {color: #6a6a6a; padding-top:1px} /* .link-list.paging */ ul.link-list.paging {width: 305px; display: inline; float: left; overflow: hidden; text-align: center; padding: 3px 0 4px 0; } .list-block.style03 ul.link-list.paging {position: absolute; top: 0; left: 65px} ul.link-list.paging li {display: inline; font-size: 1.2em; font-weight: bold; color:#404040} ul.link-list.paging li a { color: #947942; padding: 0 5px; } ul.link-list.paging li.active a {color: #404040} ul.link-list.paging li a:hover { color: #10007b} /* =ul.alphabetic-list */ ul.alphabetic-list {width: 100%; overflow: hidden; background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 100% repeat-x; padding: 4px 0 0 0; margin-bottom: 25px } ul.alphabetic-list li {display: inline; float: left; padding: 0px 2px 0 3px; font-size: 1em; border-right: 1px solid #ad9663;background: none} ul.alphabetic-list li.active {background: #ad9663} ul.alphabetic-list li a {display: inline-block; font-family: Georgia, Times New Roman; font-weight: bold; text-transform: uppercase; color: #947942; border: none; padding: 0 2px } ul.alphabetic-list li a:hover {color: #10007b} ul.alphabetic-list li.active a {color: #fff} /* =.content-block */ div.content-block {} .col-3 div.content-block {background: #248bb8; margin: 0 0 20px 0; padding: 5px 0 0 20px} /* =.image-block */ #Content img { display: inline; margin: 4px 20px 12px 0; vertical-align: baseline; } #Content img.companyLogo { border: 0;} #Content img.open-access-logo {height:17px; width:60px; margin: 0;} span.caption {display: block; color: #949294; font-size: 1.2em; margin-top: -5px; margin-bottom: 20px} /**************************************************************************************/ /********************************** added for NARCIS **********************************/ /**************************************************************************************/ ul#MetaNav li a {font-size: 1.15em;} a.link-page-up {color: #248bb8;} a.link-page-up:hover { color: #dd291e;} h1 {margin-bottom: 17px; letter-spacing: 3px;} h1.search-results {font-size:2em;} h1.search-results span {font-size:0.7em;} #Content .profile-header h1 span.feature {display:inline; margin-left:0.5em; padding:1px 4px; border:1px solid #d5e1e6; font-family: open sans, arial, Verdana, Arial, Helvetica, sans-serif; font-size:0.70em; color: #175875; letter-spacing:0; text-transform:none;} h2, h3 {letter-spacing:0;} h2.style02 {color:#404040; font-size: 1.3em; text-transform: uppercase; margin-bottom: 5px; padding-left: 10px; padding-bottom:5px; letter-spacing: 0; border-bottom: 1px solid #d5e1e6;} strong.style01 {display:block; padding:10px 0 26px 10px; font-size: 1.4em; font-weight: normal; font-family: Glegoo, Times New Roman, Georgia; color: #248bb8; letter-spacing: 2px; text-transform: uppercase; line-height:1.4em;} #PageContainer {padding-bottom:50px; background:#fff;} /* moved part of the bottom padding off PageContainer and onto the grids * to accommodate the vertical line on personal detail page */ div.grid-1-2-1, div.grid-3-0-1, div.grid-2-1-1, div.grid-1-3, div.grid-1-4 {padding-bottom:20px;} #PageContainer #Header {height:90px;} #Header a {width: 255px; background: url(../images/logos/logo_dans.png) 0 0 no-repeat;} #PageContainer #Content { padding-top: 0; padding-bottom:30px; z-index: 1; } #Content div.grid-block {padding-top:40px; } div.grid-1-3 {width:100%; overflow:hidden;} div.grid-1-3.tabs {background: url(../images/backgrounds/bg-tab-page.gif) 239px 0 repeat-y;} div.grid-1-3 div.col-1 {display: inline; width: 200px; padding: 0 20px; float: left; overflow: hidden} div.grid-1-3 div.col-2 {display: inline; width: 700px; padding: 0 20px; float: left; overflow: hidden} div.grid-1-3.tabs div.col-2 {margin-right:20px; padding:28px 0 0 20px; border-top: 1px solid #d5e1e6; } div.grid-1-3.login {background: url(../images/backgrounds/bg-tab-page.gif) 0px 0 repeat-y;} div.grid-1-3.login div.col-2 {margin-right:20px; padding:28px 0 0 20px; border-top: 1px solid #d5e1e6; } div.grid-1-4 {width:100%; overflow:hidden;} div.grid-1-4.tabs {background: url(../images/backgrounds/bg-tab-page.gif) 0px 0 repeat-y;} div.grid-1-4.tabs {margin-right:20px; padding:28px 0 0 20px; border-top: 1px solid #d5e1e6; } #PageContainer #Navigation {height: 90px;} #Content .search-nav {position:relative; width:100%; overflow:hidden; background: #2a9dd3; /* Old browsers */ background: -moz-linear-gradient(-30deg, #2a9dd3 0%, #248bb8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2a9dd3), color-stop(100%,#248bb8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-30deg, #2a9dd3 0%,#248bb8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-30deg, #2a9dd3 0%,#248bb8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-30deg, #2a9dd3 0%,#248bb8 100%); /* IE10+ */ background: linear-gradient(115deg, #2a9dd3 0%,#248bb8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a9dd3', endColorstr='#248bb8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #Content .search-nav form {width:980px; overflow:hidden;} #Content .search-nav fieldset {padding:20px 0 30px; width: 900px;} #Content .search-nav fieldset .row {width:510px; float:left; margin:0;} #Content .search-nav fieldset .row input.field {height:30px; width:410px; padding-bottom:4px; line-height:1.7em; font-size:1.6em; color:#343434; border-color:#1d6f93; border-radius: 3px 0 0 3px;} #Content .search-nav fieldset .row input.button-submit {height:38px; padding:0 10px; font-size:1.2em; font-family: Open Sans; color: #bcbcbc; border-radius: 3px; margin-left:-2px; background: #5b5b5b; /* Old browsers */ background: -moz-linear-gradient(top, #5b5b5b 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5b5b5b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5b5b5b 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5b5b5b 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #5b5b5b 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0 ); border:1px solid #242424; /* IE6-9 */; } #Content .search-nav fieldset .row input.hover {background:#000; color:#bcbcbc;} #Content .search-nav fieldset a { float:left; display:block; margin-top:10px; padding-left:12px; font-size:1.4em; color:#fff; background:url(../images/links/link-arrow-r-onblue.gif) 0 3px no-repeat;} #Content .search-nav fieldset a:hover {color: #343434; background-position:0 -97px;} #Content .search-nav ul.link-list {width:960px; overflow:hidden; padding-left:20px; margin-bottom:0; /*background-color:#10007b;*/} #Content .search-nav ul.link-list li {display:block; float:left;} #Content .search-nav ul.link-list li a {display:block; float:left; margin-right:6px; padding:6px 16px 8px 10px; text-transform: uppercase; font-family: Glegoo, Georgia, Times New Roman; font-size:0.95em; letter-spacing: 2px; color: #fff;} #Content .search-nav ul.link-list li a:hover {color:#fff;} #Content .search-nav ul.link-list li.active a, #Content .search-nav ul.link-list li.active a:hover {background:#fff; color:#248bb8;} #Content .search-nav ul.link-list li a strong {display:block; font-weight:normal;} #Footer span.title {display:block; text-indent:-9999px;} #Footer span.title.show {text-indent:0; margin:-20px 35px 0 30px; color:#949294; font-size:1.2em; width:720px; } #Footer .footeritem { float: left; width: 220px; color: #fff; margin-left: 20px; margin-top: 20px; } #Footer ul li { margin: 5px 0; padding: 0; background: none; } #Footer .footeritem h3 { color: #fff; font-family: Open Sans, sans-serif; font-size : 1.3em; text-transform: uppercase; } #Footer .footeritem a{ color: #fff; text-decoration: none; border-bottom: none; } #Footer .footeritem a:hover{ color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } #social { padding-top: 24px } #Footer ul li img { float:left; margin-right: 5px; } #Footer .overdans { color: #fff; margin-top: 20px; margin-right: 20px; float: right; text-align: right; } #Footer .overdans img { display: inline; margin-left: 20px; } #Content .search-nav .col-1 {width:220px; float:left; margin:20px 0 0 20px;} #Content .search-nav .col-1 a {display:block; margin-bottom:20px; padding-left:10px;} #Content .search-nav .col-1 a strong {display:block; padding:8px 0 7px 15px; font-family: Glegoo, Georgia, Times New Roman; font-size:1.1em; font-weight:normal; line-height:1em; color:#ffffff; letter-spacing: 1px; text-transform:uppercase; background: url(../images/links/link-arrow-l-onblue.gif) 0 7px no-repeat;} #Content .search-nav .col-1 a:hover strong {color:#343434; background-position:0 -93px;} #Content .search-nav .col-2 {position:relative; width:460px; float:left; margin:20px 0 20px 20px; text-align:center;} #Content .search-nav .paging {padding-bottom:4px; background: none; border-top: 1px solid #ffffff; border-top: 1px solid rgba(255,255,255, 0.6); border-bottom: 1px solid #ffffff; border-bottom: 1px solid rgba(255,255,255, 0.6);} #Content .search-nav .col-2 a, #Content .search-nav .col-2 .paging span {display: block; position:absolute; top:0; padding:7px 0 0 15px; font-family: Glegoo, Georgia, Times New Roman; font-size:1.16em; line-height:1.3em; color:#fff;} #Content .search-nav .col-2 a.link-previous {left:10px; background:url(../images/links/link-arrow-l-onblue.gif) 0 7px no-repeat;} #Content .search-nav .col-2 span.link-previous {color: #343434; left:10px; background:url(../images/links/link-arrow-l-onblue.gif) 0 -93px no-repeat;} #Content .search-nav .col-2 a.link-next {right:10px; padding:7px 15px 0 0; background:url(../images/links/link-arrow-r-onblue.gif) 100% 7px no-repeat;} #Content .search-nav .col-2 span.link-next {color: #343434; right:10px; padding:7px 15px 0 0; background:url(../images/links/link-arrow-r-onblue.gif) 100% -93px no-repeat;} #Content .search-nav .col-2 a.link-previous:hover {color:#343434; background-position:0 -93px;} #Content .search-nav .col-2 a.link-next:hover {color:#343434; background-position:100% -93px;} #Content .search-nav .col-2 p {margin:0; padding-top:3px; font-family: Open Sans, sans-serif; line-height:1.56em; letter-spacing: 1px; color:#fff;} #Content .search-nav .col-2 span.link-previous em, #Content .search-nav .col-2 span.link-next em { font-style: normal; } /* styles specific to homepage div class="home" id="Content" */ #Content.home .search-nav p {width:460px; margin:0 0 0 260px; font-size:1.5em; color:#fff;} #Content.home .search-nav p a.more {display:block; padding:6px 12px; border:0; font-size:0.9em; color:#fff; background: url(../images/links/link-arrow-r-onblue.gif) 0 10px no-repeat;} #Content .search-nav p a.more:hover {color: #333333; background-position:0 -90px;} #Content.home .search-nav {position:relative; overflow:visible; padding-top:35px;} #Content.home .search-nav form {width:900px; overflow:visible; margin-left:260px;} #Content.home .search-nav fieldset { padding-bottom:56px; } #Content.home .search-nav fieldset .row {width:auto; padding:0 2px 0 0;} #Content.home .search-nav fieldset .row input.field {width:328px;} #Content.home .search-nav .home-options {display:none;}/* see js-enabled.css */ #Content.home .search-nav ul.link-list {clear:left; width: 970px; padding:0 0 16px 10px;} #Content.home .search-nav ul.link-list li {text-align:center;} #Content.home .search-nav ul.link-list li a {padding:0 11px 0 12px; margin:0; font-size:1.6em; font-family: Glegoo; line-height:1.3em;} #Content.home .search-nav ul.link-list li a strong {font-size:0.55em; font-family: Glegoo; line-height:1.5em;} #Content.home .search-nav ul.link-list li a:hover {color:#fff;} #Content.home .grid-block {padding-top:30px;} #Content.home .list-block.search-results {position:static; width:500px;} #Content.home .list-block.search-results li {width:500px; border-bottom: 1px solid #d5e1e6; } #Content.home .list-block.search-results .item-link {width:490px; border: none;} /* filter options on search result pages */ ul.filters {} ul.filters li {margin:0 0 1px; padding:0; background:none 0 0 no-repeat;} ul.filters li a {display:block; padding:4px 22px 4px 9px; color: #fff; border:0; background: #2a9dd3 url(../images/links/link-delete.gif) 97% 8px no-repeat;} ul.filters li a:hover {color: #fff; background-color: #248bb8; text-decoration: line-through; } /* =.link-list.style06 */ .list-block.style06 ul.link-list { border-top: 1px solid #d5e1e6; } .list-block.style06 ul.link-list.style02 {margin-top: 49px;} .list-block.style06 strong {padding-left:9px; font-size:1.3em; color: #248bb8; font-weight:bold; line-height: 1.5em;} .list-block.style06 ul.link-list li { padding: 2px 0; border-bottom: 1px solid #d5e1e6;} .list-block.style06 ul.link-list li a { padding: 0 15px 2px 9px; margin: 0 4px 0 0; display: block; background: url(../images/links/link-arrow-r-11px.gif) 100% 4px no-repeat; color: #000; line-height: 1.5em; } .list-block.style06 ul.link-list li.active a {color: #404040; background-position: 100% -196px} .list-block.style06 ul.link-list li a:hover {color: #b83017; background-position: 100% -396px} .list-block.style06 ul.link-list li.item-link {background:none 0 0 no-repeat;} /* see also js-enabled */ /* =.link-list.style07 - vertical tab-style sub-navigation */ .list-block.style07 {width:220px;} .list-block.style07 ul.link-list li a, .list-block.style07 ul.link-list li span { padding: 7px 10px 4px 10px; border: 1px solid #fff; border-right: 0; margin-right:1px; display: block; color: #000; line-height: 1.5em; } .list-block.style07 ul.link-list li a:hover {color: #dd291e;} .list-block.style07 ul.link-list li.active a, .list-block.style07 ul.link-list li.active span {margin-right:0; padding-right:11px; color: #404040; border-color: #d5e1e6; background:#fff;} /* =.list-block.alphabet - see also js-enabled */ .list-block.alphabet {width:700px; border-bottom: 1px solid #d5e1e6; font-size:1.1em;} .list-block.alphabet ul.link-list {width:700px; overflow:hidden; padding:0; border-top: 1px solid #d5e1e6;} .list-block.alphabet ul.link-list li {float:left; padding:4px 0; font-family: Open Sans, sans-serif; text-transform: uppercase; font-size:0.9em; font-weight:bold; } .list-block.alphabet ul.link-list li a { display:block; padding:0 9px; float:left; text-align:center; color: #248bb8; border-left:1px solid #d5e1e6; } .list-block.alphabet ul.link-list li.first a { border:0; } .list-block.alphabet ul.link-list li.active a { background-color: #248bb8; color:#fff;} .list-block.alphabet ul.link-list li a:hover { background-color: #2a9dd3; color:#fff;} .list-block.three-cols {width:720px; overflow:hidden; background: url(../images/backgrounds/bg-dotline-3cols.gif) bottom no-repeat;} .list-block.three-cols ul.link-list {float:left; width:220px; margin-right:20px; border-top: 1px solid #d5e1e6;} .list-block.three-cols ul.link-list li {padding: 3px 0 4px 10px;} .list-block.three-cols ul.link-list li a {display: block; padding-left:10px; background: url(../images/links/link-arrow-r-11px.gif) 0 3px no-repeat;} .list-block.three-cols ul.link-list li a:hover {color: #10007b; background-position: 0 -397px} /* =.list-block.search-results */ .list-block.search-results {position:relative; width:700px; margin-bottom:40px; /*background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x;*/ border-top: 1px solid #d5e1e6;} .list-block.search-results ul.link-list.style01 {background: none 0 0 no-repeat; padding-top:4px; } .list-block.search-results ul.link-list.style02 { width: 480px; padding-top:4px; } .list-block.search-results ul.link-list.style02 li { width: 460px; background: none 0 0 no-repeat; } .list-block.search-results ul.link-list li {width:690px; overflow:hidden; padding: 3px 0 4px 10px; border-bottom: 1px solid #d5e1e6;} .list-block.search-results ul.link-list.style01 li {background: none 0 0 no-repeat;} .list-block.search-results ul.link-list li.item-link {/*background: url(../images/backgrounds/bg-dotline-onwhite.gif) 0 0 repeat-x;*/ padding-bottom: 2px } .list-block.search-results ul.link-list li.item-link a {color: #248bb8;} .list-block.search-results ul.link-list li h2 {font-size:1.2em; margin-top:4px; margin-bottom:6px;} .list-block.search-results ul.link-list li h2 a {display:inline; font-weight:normal; color:#404040;} .list-block.search-results ul.link-list li h2 span.feature {white-space: nowrap; display:inline; margin-left:0.5em; padding:1px 4px; border:1px solid #d5e1e6; font-family: Open Sans, Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.79em; color: #175875;} .list-block.search-results ul.link-list li div.read-more {width:600px;} .list-block.search-results ul.link-list li p {font-size:1em;} .list-block.search-results ul.link-list li h3 {margin:0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#404040;} .list-block.search-results ul.link-list li a { padding-left: 10px; padding-bottom: 1px; margin: 0 0 0 -10px; border: none; display: block; background: url(../images/links/link-arrow-r-11px.gif) 0 3px no-repeat;} .list-block.search-results ul.link-list li a:hover, .list-block.search-results ul.link-list li a:hover em {color: #dd291e; background-position: 0 -397px} .list-block.search-results ul.link-list li em {color: #949294; font-style: normal;} .list-block.search-results ul.link-list.mktree ul li { border-top: 1px solid #d5e1e6; border-bottom: none; } /* meta-info table */ .meta-info {margin-bottom:20px;} .meta-info table {width:100%; margin-bottom:5px; font-size:1.3em;} .meta-info table caption {padding:0 0 10px 10px; line-height:1.56em; font-weight:bold;} .meta-info table th {width:6em; padding:0 0 4px 10px; line-height: 1.56em; color:#949294; } .meta-info table.size01 th {width:5em;} .meta-info table.size02 th {width:10em;} .meta-info table.size03 th {width:15em;} .meta-info table td {padding:0 0 4px 10px; line-height: 1.56em;} .meta-info table td a {display: block; margin-left:-10px; padding-left:10px; background: url(../images/links/link-arrow-r-11px.gif) 0 5px no-repeat; color: #404040;} .meta-info table td a:hover {color: #dd291e; background-position: 0 -395px} .meta-info table td a.inline-link {display: inline; margin:0; padding:0; background: none; color: #404040; border-bottom:1px solid #9F9F9F; text-decoration:none;} .meta-info table td a.inline-link:hover {color: #10007b; border-color: #877fbd; } #Content .meta-info img { border: none; } .list-block.search-results ul.link-list .meta-info {margin-bottom:0;} .list-block.search-results ul.link-list .meta-info table {margin-bottom:0; font-size:1em; background: none 0 0 no-repeat;} .list-block.search-results ul.link-list .meta-info table th {padding-left:0;} /* meta-info list */ .meta-info .list-block {margin:0;} .meta-info ul.link-list {} .meta-info ul.link-list li {} .meta-info ul.link-list li.item-link {} .meta-info ul.link-list li a {padding: 0 15px 6px 10px; margin: 0 4px 0 0; display: block; background: url(../images/links/link-arrow-r-11px.gif) 0 5px no-repeat; line-height: 1.56em; } .meta-info ul.link-list li.item-link a {padding-top:4px; padding-bottom:0; color: #2a9dd3; background-position:0 9px;} .meta-info ul.link-list li a:hover {color: #dd291e; background-position: 0 -395px} .meta-info ul.link-list li.item-link a:hover {background-position: 0 -391px} .meta-info a.item-link {display:block; padding: 0 10px; line-height:1.56em; font-size: 1.3em; color: #2a9dd3; background: url(../images/links/link-arrow-r-11px.gif) 0 5px no-repeat;} .meta-info a.item-link:hover {color: #dd291e; background-position: 0 -395px} span.explanation {text-decoration:underline; cursor:pointer;} /* list-block.paging */ .paging {background: #d5e1e6;} .paging .list-block {width: 700px; overflow:hidden; position:relative;} .paging .list-block .link-previous, .paging .list-block .link-next {padding-top:5px; padding-bottom:5px; margin-left:5px; color:#343434; font-family: Glegoo, Georgia, Times New Roman; letter-spacing: 2px; background:url(../images/links/link-arrow-l-paging.gif) 0 6px no-repeat;} .paging .list-block .link-next {position:absolute; top:0; right:5px; background:url(../images/links/link-arrow-r-paging.gif) 100% 6px no-repeat; color: #343434;} .paging .list-block span.link-next {background-position:100% -394px; color:#343434;} .paging .list-block span.link-previous {background-position:0 -394px; color:#343434;} .paging .list-block a.link-previous:hover {background-position: 0 -194px; color: #dd291e;} .paging .list-block a.link-next:hover {background-position: 100% -194px; color: #dd291e;} .paging .list-block .paging-container {position: absolute; left:50%;} .paging .list-block ul.link-list {position: relative; margin-left:-50%; font-family: Glegoo, Times New Roman, Georgia; font-size:1.2em; } .paging .list-block ul.link-list li {display:block; float:left; padding:0 6px; color: #947942; font-size: 1.2em; font-weight: bold;} .paging .list-block ul.link-list li a {display:block; float:left; color: #343434; padding:2px 8px;} .paging .list-block ul.link-list li a:hover {color: #fff; background: #2a9dd3;} .paging .list-block ul.link-list li.active a {color: #fff; background: #248bb8;} /* detail page header with passphoto */ #Content .profile-header {height:100px; margin:-32px 20px 0 260px;} #Content .profile-header span {display:block; padding:20px 0 4px; font-size: 1.3em; font-family: Glegoo, Times New Roman, Georgia; letter-spacing: 2px; text-transform: uppercase; line-height: 1.56em;} #Content .profile-header h1 {} #Content .profile-header .publication-record-title h1 {display: inline;} #Content .profile-photo-panel img {float:right; margin:0;} #Content .institute-logo { float: left; margin-left: 20px; } .wheelCanvas {padding:18px 8px; background: #ffffff;text-align:center; } /* tag cloud */ .tagcloud {padding:18px 8px; background: #d5e1e6;text-align:center; } .tagcloud li {display:inline; padding:0 3px; background:none 0 0 no-repeat;} .tagcloud li a {border:0; font-family: Glegoo, Times New Roman, Georgia; color: #2a9dd3; font-weight:normal; letter-spacing: 2px; text-transform:uppercase;} .tagcloud li a.size00 {font-size:0.8em;} .tagcloud li a.size01 {font-size:0.9em;} .tagcloud li a.size02 {font-size:1.0em;} .tagcloud li a.size03 {font-size:1.1em;} .tagcloud li a.size04 {font-size:1.2em;} .tagcloud li a.size05 {font-size:1.3em;} .tagcloud li a.size06 {font-size:1.4em;} .tagcloud li a.size07 {font-size:1.6em;} .tagcloud li a.size08 {font-size:1.8em;} .tagcloud li a.size09 {font-size:2em;} .tagcloud li a:hover {color: #343434;} div.save-button {position:relative; top: 12px; padding-bottom: 14px;} div.search-options {position:absolute; top:-3.2em; right:0; cursor:pointer;} div.search-options ul {display:none;} /* see js-enabled */ div.search-options a {position:relative; display: block; width: 12em; padding:3px 30px 4px 10px; font-size:1.3em; font-weight:normal; color:#fff; background:#2a9dd3 url(../images/links/link-arrow-r-onblue.gif) 95% 5px no-repeat; border:1px solid #248bb8;} div.search-options a:hover {color: #343434; background: #248bb8 url(../images/links/link-arrow-r-onblue.gif) 95% -95px no-repeat;} a.edit {margin:0 0 0 20px; padding:3px 30px 4px 10px; font-size:1.3em; font-weight:normal; color:#fff; background: #2a9dd3 url(../images/links/link-arrow-r-onblue.gif) 95% 7px no-repeat;} a.edit:hover {color: #343434; background: #2a9dd3 url(../images/links/link-arrow-r-onblue.gif) 95% -93px no-repeat;} } @media print { /* ..... default styles for print display */ /* =.hide elements */ #Header, #Navigation, #Footer, .text-only, .grid-1-2-1 .col-1, .grid-1-2-1 .col-3, .grid-2-1-1 .col-3, .grid-3-0-1 .col-3, .link-block.style01, .link-page-up, .path-block, legend, input.button-submit, .link-block.style02, .list-block.style03, .item-link { display: none; } /* =.basic layout */ body { width:700px; font-family: Georgia, Times New Roman; font-size: 14px; line-height: 1.3em; color: #000; } #Content { width:auto; margin: 0 48px; } #DocStart {display: block; margin-bottom: 40px; } /* =.typography */ h1 { font-size: 1.4em; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; } h2 { font-size: 1.2em; line-height: 1.2em; padding-top: 6px; } h3 { font-size: 1em; } h4 { margin-bottom: -1em; border: 1px; } a { color: #000; } ul { padding: 0 0 0 15px; } ol { padding: 0 0 0 30px; } li { padding-bottom: 6px; } img { padding: 8px 15px 8px 0; } .caption { display:block; } /* =.forms */ form, fieldset { border: none; padding:0; margin:0; } .form-block .note { display: none; } fieldset .row { position:relative; overflow:hidden; clear: both; margin-top: 8px; } fieldset .row .note { padding-left: 10px; } fieldset { margin-bottom: 28px; } legend.heading { display: block; font-size: 1.2em; line-height: 1.2em; font-weight: bold; padding-bottom: 10px; padding-left: 0; margin-left: 0; color: #000; } label .required { display: block; font-style: italic; color: #999; } .group label { float: none; padding-right: 25px; } select { padding: 0 0 0 10px; border: 1px solid #999; background: #fff; color: #404040; font-family: Georgia, Times New Roman;} label { display: inline; float: left; width: 150px; padding: 3px 10px 0 0; } input.field { display: inline; float: left; border: 1px solid #999; padding: 2px 10px 0 10px; height: 1.4em; width: 400px; } input.field.short-width { width: 150px;} input.radio, input.checkbox { display: inline; margin: 2px 5px 0 1px; width: 15px; height: 14px; } fieldset .group {display: inline; overflow: hidden; width: 440px; float: right; margin-top: 3px} textarea { padding: 2px 10px 0 10px; width: 400px; border: 1px solid #999; color: #404040; font-family: Georgia, Times New Roman; font-size: 1.3em; } form.calendar label { display:none } form.calendar select { padding: 0; margin:0; border: none; color: #000; } /* =.list-pages */ .news-list dt { border-top: 0.5px solid #999; padding-top: 10px; } .news-list dt a { display:block; padding-bottom: 0px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; text-decoration: none; } .news-list dt em { display: block; } .news-list dd { margin: 0; padding-bottom: 10px; } .news-list { border-bottom: 0.5px solid #999; } .news-list.calendar dt strong { display:block; padding-bottom: 0px; font-size: 1.2em; } /* =.home subhome */ dl.news-list dt img { display: inline; float: right; margin: 0 0 0 10px; } dl.news-list dt { clear: both; } .list-block style04 .link-list li { padding: 0 0 10px 0; } .list-block.style04 .link-list li a { display:block; padding-bottom: 0px; font-weight: bold; text-decoration: none; } .list-block.style04 .link-list li em { display: block; } .link-list.calendar strong { display:block; padding-bottom: 0px; } .link-list a { display:block; text-decoration: none; } } /* =.login */ .login {font-size: 1.3em; line-height: 1.4em; width: 700px; margin: 0 0 15px 0}