/** GENERAL STYLES **/ body {background: #ebeaea; text-align: center;} /*a.showAll {text-decoration: underline !important;}*/ span.newWindow {background: url(../images/icon_new_window.gif) right 2px no-repeat; padding-right: 13px;} .none {display: none;} .txt {height: 21px; border-top: solid #c5c5c5 1px; border-left: solid #c5c5c5 1px; border-bottom: solid #c5c5c5 1px; border-right: solid #f8f8f8 1px; padding: 0 5px; line-height: 21px;} /* floating content (images etc. */ .floatLeft {float: left;} .floatRight {float: right;} img.floatLeft {margin: 0px 25px 10px 0px;} img.floatRight {margin: 0px 0px 10px 25px;} /* general table styles */ table {border-collapse: collapse;} td {padding: 0px;} /** PAGE STRUCTURE, MASTER PAGE **/ body {margin: 0px; padding: 0px; height: 100%; /*JET background: transparent url(../images/body_bg.gif) 0px 284px repeat-x; */} .section {background-position: 0px 320px;} /* header */ #headerWrapper {width: 100%; height: 120px; text-align: left;} #header {position: relative; width: 980px; height: 120px; margin: 0px auto; padding: 0 0 0 5px; background: transparent url(../images/main_bg_shadow_left_top.gif) no-repeat 1px 0; } #headerContent {width: 975px; height: 120px; padding: 0 5px 0 0; background: #ffffff url(../images/main_bg_shadow_right_top.gif) no-repeat right top;} #header a {color: #000;} /* logo */ #logo {position: absolute; bottom: 18px; left: 20px;} #logo p {margin: 0px;} /* link to main site (sections and minisites only) */ #mainSiteLink {position: absolute; top: 0px; left: 10px; z-index: 10; font-size: 90%;} #mainSiteLink p{margin: 0px; padding: 5px 2px;} #mainSiteLink a{background: url(../images/arrow_link_header.gif) left 4px no-repeat; padding: 0px 0px 0px 9px;} /* site heading */ #heading {position: absolute; bottom: 35px; right: 10px;} .section #heading, /*.minisite #heading {border-left: 1px solid #d9d9d9;}*/ #heading h2 {font-weight: bold; margin: 0px; font-size: 120%; color: #3c3c3c; padding: 0px 0px 2px 16px;} .section #heading h2, .minisite #heading h2{padding-left: 15px;} /* language selection */ #languages {position: absolute; right: 10px; top: 55px; font-size: 90%;} #languages p{margin: 0px;} /* tool links */ #tools {text-align: right; position: absolute; top: 10px; right: 130px; width: 785px; height: 25px; /*JET background: url(../images/tools_bg_gradient.gif) no-repeat; */ text-align: right;} #tools p {margin: 0px; padding: 5px 15px; font-size: 90%; color: #000;} #tools a {padding: 0px 5px;} /* quick search */ #search {text-align: right; position: absolute; top: 0px; right: 10px; height: 62px; /*JET background: url(../images/search_bg.gif) no-repeat; */} #search table {margin: 10px 0px 5px 15px;} #search td {/* padding-left: 5px; */ vertical-align: top;} #search .txt {width: 143px; } #search .btn {background: #ed174d; /* background-image: url(../images/btn_xsmall.gif); */ width: 41px; height: 23px; cursor: pointer;} #search p {margin: 0px; text-align: right; font-size: 90%;} #searchInline {width: 220px;} #searchInline table {margin: 10px 0px 5px /* -5px */;} #searchInline td {/* padding-left: 5px; */} #searchInline .txt {width: 143px; height: 21px; border-top: solid #c5c5c5 1px; border-left: solid #c5c5c5 1px; border-bottom: solid #c5c5c5 1px; border-right: solid #f8f8f8 1px; padding: 0 5px; line-height: 21px; } #searchInline .btn {/* background-image: url(../images/btn_xsmall.gif); */ background: #ED174D; height:23px; width:41px; cursor: pointer;} #searchInline p {margin: 0px; text-align: right; font-size: 90%;} /* MOSS editing console */ #console {margin: 0px auto;} /* site info (footer) */ #siteInfo {width: 965px; border-top: 5px solid #fff; font-size: 90%; background-color: black; color: #fff; padding: 0 0 0 10px; float: left; height: 27px; line-height: 27px;} #siteInfo p {margin: 0px; /*JET padding-top: 8px; */} #siteInfo a {color: #fff;} #siteInfo #infoLinks {float: left;} #siteInfo #copyright {float: right; border-right: solid #5a5a5a 1px; padding: 0 9px 0 0;} .grayText { font-size: 90%; background-color: White; color: #6e6e6e; } /* site actions menu */ #siteActions {position: absolute; top: 0px; left: 0px; z-index: 100; float :left;} /* section layout (colors defined in colors.css) */ #ct100_section {width: 985px; background-repeat: repeat-x; margin: 0 auto;} /* page content area */ /* PAGE LAYOUTS */ #mainContentAreaWrapper, #mainContentAreaWrapper2 { position: relative; overflow: hidden; margin: 0px auto; text-align: left;} #mainContentAreaWrapper { width: 980px; padding: 0 5px 0 0; background: transparent url(../images/main_bg_shadow_right.gif) repeat-y right top;} #mainContentAreaWrapper2 { width: 975px; padding: 0 0 0 5px; background: transparent url(../images/main_bg_shadow_left.gif) repeat-y 1px top;} /* #frontpage, */ #sectionFrontpage, #frontpageFaculty, #frontpageMinisite, #page, #pageWide, #frontpageDepartment {width: 975px; margin: 0px auto; text-align: left; } #frontpage {position: relative;} #pageContent {float: left; width: 975px; padding: 0/* 5px */; background: white url(../images/page_bg.gif) repeat-y right top; } /* #frontpage #pageContent, #sectionFrontpage #pageContent, #frontpageFaculty #pageContent, #frontpageMinisite #pageContent, #frontpageDepartment #pageContent {padding-top: 22px;} */ .feedback #pageContent {/* background: white url(../images/page_feedback_bg.gif) top right repeat-y !important; */} /* navigation bar (left column) */ #navibar { width: 218px; float: left; color: #3c3c3c; /*JT*/margin: 0 0 10px 0;/*JT*/ } .feedback #navibar {border-top: 15px solid white;} #frontpageFaculty #navibar, #frontpageMinisite #navibar {padding-top: 15px;} /* navigation bar content box */ #navibar .box {background: #e2e2e2 /* url(../images/contentbox_bottom.gif) bottom left no-repeat */; margin: 0px 18px 15px 20px; line-height: 160%;} #navibar .boxContent {/* background: url(../images/contentbox_top.gif) no-repeat; */ padding: 10px;} #navibar .box h3 {margin-bottom: 5px;} #navibar .box p {margin: 0px 0px 8px 0px;} #navibar .box hr {background-color: #d4d4d4; color: #d4d4d4; height: 1px; border: 0px; margin: 0px 0px 8px 0px; padding: 0px;} #navibar .box a {background: url(../images/arrow_link_black.gif) 0px 4px no-repeat; padding: 0px 0px 0px 9px;} #navibar .contentArea {border-bottom: 1px solid #e9e9e9; margin: 25px 18px 25px 20px; line-height: 160%;} #navibar .contentArea h3 a:link h3,#navibar .contentArea h3 a:visited h3 {color: #000; text-decoration: none;} #navibar .contentArea h3 a:hover h3,#navibar .contentArea h3 a:active h3 {color: #000; text-decoration: underline;} /* main content areas */ #frontpage #mainContent {width: 757px; float: left; padding-bottom: 10px; background: #ffffff;} #frontpageMinisite #mainContent, #frontpageFaculty #mainContent{width: 757px; float: left; padding-bottom: 10px;} #frontpageDepartment #mainContent, #sectionFrontpage #mainContent{ width: 539px; float: left; padding-bottom: 10px;} /*JT*/#sectionFrontpage #mainContent{ width: 539px; } #frontpageMinisite #mainContent{ width: 757px; }/*JT*/ #page #mainContent {width: 539px; float: left; padding-bottom: 10px;} #pageWide #mainContent {width: 740px; float: left; padding-bottom: 10px;} /* main images */ #frontpage #mainImage {/*JET border: 1px solid #717171; */ background: transparent; width: 759px; height: 200px; overflow: hidden; /* border-top: solid #fff 22px; */} #frontpage #mainImage p {margin: 0px; width: 759px; height: 200px; /*border: 1px solid #717171;*/ /*overflow: hidden;*/ background: #000000;} #frontpageDepartment #mainImage, #sectionFrontpage #mainImage {/* border: 1px solid #717171; */ /* background-color: #000; */ background: none; width: 539px; height: 201px; overflow: hidden;} /* #sectionFrontpage #mainImage {background-color: #717171; width: 539px; height: 201px; overflow: hidden;} */ #sectionFrontpage #mainImage p {margin: 0px; border: 1px solid #717171; overflow: hidden;} #frontpageFaculty #mainImage, #frontpageMinisite #mainImage {/* border: 1px solid #717171; */ /* background-color: #000; */ background: none; width: 757px; height: 201px; overflow: hidden;} #frontpageFaculty #mainImage p, #frontpageMinisite #mainImage p {margin: 0px; border: 1px solid #717171; overflow: hidden;} /* frontpage teasers */ #frontpage .teaser {height: 105px;} #frontpage #teaser1 {position: absolute; top: 167px; left: 19px;} #frontpage #teaser2 {position: absolute; top: 167px; left: 263px;} #frontpage #teaser3 {position: absolute; top: 167px; left: 509px;} /* navigation path */ #naviPath {vertical-align:top; float: none; width: 500px; margin: 0; padding: 13px 0px 25px 0px; font-size: 90%; } #printIcon p { margin: 0 !important; } #frontpageMinisite #textContent, #frontpageFaculty #textContent, #frontpageMinisite #naviPath, #frontpageFaculty #naviPath { float: none; margin: 0 0 0 218px; clear: none; } #naviPath p {margin: 0px;} #naviPath a {color: Black;} #pageWide #naviPath p{margin: 0px 0px 0px 20px;} #printIcon {font-size: 90%; float: right; margin: -36px 10px 0px 0px; } /* text content area */ #textContent {width: 520px; line-height: 180%; clear: both; padding-bottom: 20px; float: none;} #textContent p a {color: #ec1c4e;} #textContent p a:visited {color: #ec1c4e;} #textContentRus {width: 740px; line-height: 180%; clear: both; padding-bottom: 20px; padding-left: 5px; float: left;} #frontpageMinisite #textContent, #frontpageFaculty #textContent{float: none; clear: none;} #pageWide #textContent {width: auto; padding-left: 20px;} /* content area lists */ #textContent ul {margin: 0px 0px 20px 2px; padding: 0px; list-style: none;} #textContent ul li{background: url(../images/arrow_link_list_black.gif) 0px 8px no-repeat; padding-left: 9px;} /* content area text styles */ #textContent p.date {font-size: 90%; color: #6e6e6e; margin-top: -10px;} #textContent p.ingress {color: #6e6e6e; font-style: italic;} #ctl00_PlaceHolderMain_ingress__ControlWrapper_RichHtmlField {color: #6e6e6e; font-style: italic;} /* content footer */ #textContent .contentFooter {color: #6e6e6e !important; font-size: 90%;} #textContent .contentFooter a {color: #6e6e6e !important; display: inline !important; padding: 0px !important; background: none !Important;} /* frontpage news and events listings */ #frontpage #news, #frontpage #events {float: left; padding: 40px 20px 20px 20px; line-height: 150%;} #frontpage #news h2, #frontpage #events h2, #frontpage #news p, #frontpage #events p {width: 338px; color: #ed174d;} #frontpage #news a, #frontpage #events a {background: url(../images/arrow_link_black.gif) 0px 7px no-repeat; display: block; padding-left: 9px;} #frontpage #news a.showAll, #frontpage #events a.showAll {background: none; padding: 0px;} #page #news a, #page #events a {background: url(../images/arrow_link.gif) 0px 8px no-repeat; display: block; padding-left: 0px; color: black !important;} #sectionFrontpage #news a, #sectionFrontpage #events a {background: url(../images/arrow_link.gif) 0px 8px no-repeat; display: block; padding-left: 9px; color: black !important;} #news a:visited, #events a:visited {color: #000 !important;} /* search result listing */ #searchResults {background: url(../images/dotline_grey.gif) repeat-x; float: left; width: 100%;} #searchResults #status {/* background: url(../images/dotline_grey.gif) bottom left repeat-x; */ border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding: 8px 0px; margin-bottom: 8px;} /* paging (search result list) */ .paging {width: 100%; float: left; clear: both;} .paging .pages {float: left; margin-left: -5px;} .paging .pages strong, .paging .pages a {margin: 0px 5px;} .paging .links {float: right;} .paging strong {font-weight: normal; color: #b4b4b4;} .paging a.prev {background: url(../images/arrow_link_left.gif) left 4px no-repeat; padding: 0px 0px 0px 9px; margin-right: 5px;} .paging a.next {background: url(../images/arrow_link.gif) right 4px no-repeat; padding: 0px 9px 0px 0px; margin-left: 5px;} /* sitemap */ #sitemap {width: 100%; clear: both;} #sitemap .column {width: 50%; float: left;} #sitemap ul {margin: 0px 20px 25px 0px; padding: 0px; list-style: none;} #sitemap ul li {background: none; padding: 0px 0px 0px 0px; font-weight: bold;} #sitemap ul ul {margin: 10px 0px 0px 0px;} #sitemap ul ul li {background: url(../images/arrow_link.gif) 1px 7px no-repeat; padding-left: 10px; font-weight: normal;} #sitemap ul ul ul {margin: 0px 0px 5px 0px;} #sitemap ul ul ul li {background-position: 20px 7px; padding-left: 30px;} /* image gallery */ #imageGallery {width: 520px; } #imageGallery table {border-collapse: collapse;width:100%;} #imageGallery td {color: #8a8a8a; line-height: normal; text-align: center; vertical-align: top; width: 50%;} #imageGallery .img {height: 172px; margin: 0px auto; width: 172px;} #imageGallery .img td {padding: 6px; border: 1px solid #c9c9c9;text-align: center; vertical-align: middle; width: auto;} #imageGallery .img img { cursor: pointer;} #imageGallery .description {padding: 20px 10px 25px 10px; margin: 0px;} /* form styles */ form {margin: 0px; display: inline;} .note {color: #6e6e6e; font-size: 90%;} .generalFormFieldItem, .txtSmall{width: 220px;} .generalFormFieldUploadItem {width: 294px; margin: 8px 0px 0px 0px;} .txtLarge{width: 480px;} .generalFormButton { margin: 8px 0px 0px 0px; } .btn { color: White; text-transform: uppercase; border: 0px; padding-top: 2px; padding-bottom: 3px; background: #ed174d; height: 23px; cursor: pointer;} /* feedback form */ #form {width: 520px;} #form label {display: block;} #form fieldset {width: 260px; float: left; margin: 0px; padding: 0px 0px 10px 0px; border: 0px;} #form fieldset.subject {width: 480px; border: 0px; float: none; clear: both; padding: 0px 0px 30px 0px;} #form fieldset.message {width: 480px; padding: 10px 0px 10px 0px; float: none; border: 0px; clear: both;} #form fieldset.submit {width: 480px; float: none; border: 0px; text-align: right; clear: both; padding: 0px 0px 10px 0px;} #form .btn {/* background-image: url(../images/btn_small.gif); */ width: 65px; background: #ed174d; height: 23px; cursor: pointer;} #form p.alert {color: #ae1e2d;} #form fieldset.alert label {color: #ae1e2d; font-weight: bold;} #form .txtSmall {border: 1px solid #b3b9c3;} #form fieldset.alert .txtSmall{border: 1px solid #ae1e2d;} /* person search */ #personSearch {width: 520px; clear: both; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background-color: #eeeeee; padding: 18px 0px;} #personSearch table {margin: 0px 20px;} #personSearch td {padding-right: 10px; vertical-align: middle; font-weight: bold;} #personSearch .txt {width: 180px;} #personSearch .btn { width: 65px;} /* id card, contact info */ #idCard {display: block; width: 100%; float: left; clear: both;} #idCard img {margin-bottom: 20px;} #idLinks {clear: both; float: left; width: 100%;} /* SIDEBAR */ #sidebar {width: 218px; float: right; color: #3c3c3c;} #sidebar #sidebar-bottom {border-top: solid white 4px;} /* section links */ #links {width: 214px; background: #000000; color: #fff; border-left: solid #fff 4px; /*JET background: #c5c5c5 url(../images/sectionlinks_bg.gif) no-repeat; */} #links a {color: #ffffff;} #frontpage #links {min-height: 200px;} *html #frontpage #links {height: 141px;} #sectionFrontpage #links {min-height: 141px;} *html #sectionFrontpage #links {height: 141px;} #frontpageDepartment #links, #frontpageFaculty #links {min-height: 201px;} *html #frontpageDepartment #links, *html #frontpageFaculty #links {height: 201px;} #frontpageMinisite #links {min-height: 201px;} *html #frontpageMinisite #links {height: 201px;} #links h4 {padding: 20px 0px 15px 20px; margin: 0px; color: #ed174d;} #links ul {margin: 0px; padding: 0px 10px 10px 20px; list-style: none;} #links li {background: url(../images/arrow_link.gif) 0px 4px no-repeat; padding: 0px 0px 12px 9px;} #links li strong {color: #fff;} #links p {margin-left: 20px;} /* quick links */ #quickLinks {/*width: 218px; */ width: 214px; border-left: solid #fff 4px; background: #000000;} #frontpage #quickLinks, #sectionFrontpage #quickLinks {height: 60px;} #quickLinks p {margin: 0px; padding: 20px 0px 20px 20px;} #quickLinks select {width: 176px;} #ctl00_PlaceHolderMain_quickLinks {/* width: 218px; */ width: 214px; border-left: solid #fff 4px; background: #000000; /*JET background: #c5c5c5 url(../images/dotline_white.gif) repeat-x; */} #frontpage #ctl00_PlaceHolderMain_quickLinks, #sectionFrontpage #ctl00_PlaceHolderMain_quickLinks {height: 60px;} #ctl00_PlaceHolderMain_quickLinks p {margin: 0px; padding: 20px 0px 20px 20px;} #ctl00_PlaceHolderMain_quickLinks select {width: 176px;} /* highlight links */ #highlights {width: 218px; border-top: solid white 4px;} #highlights ul {width: 218px; margin: 0px; padding: 0px; list-style: none; } #highlights li {/*JET width: 218px; */ border-top: solid #ffffff 1px; /*JET background: url(../images/dotline_grey_light.gif) bottom left repeat-x; */ padding: 15px 10px 15px 21px;} #highlights a {color: #ec1c4e; display: block; padding: 0 0 0 10px; background: url(../images/icon_highlight.gif) no-repeat 0px 5px !important;} a.highlight1 {background: url(../images/icon_highlight_kirjasto.gif) 28px 23px no-repeat;} a.highlight2 {background: url(../images/icon_highlight_hae_opiskelemaan.gif) 23px 20px no-repeat;} a.highlight3 {background: url(../images/icon_highlight_opinto-oppaat.gif) 22px 20px no-repeat;} a.highlight4 {background: url(../images/icon_highlight_vaitokset.gif) 27px 22px no-repeat;} /* shortcut links */ #ctl00_PlaceHolderMain_shortCuts {width: 193px; padding: 0 0 0 20px; /* background: url(../images/dotline_grey_light.gif) bottom left repeat-x; */} #ctl00_PlaceHolderMain_shortCuts h4 {text-transform: uppercase; padding: 20px 10px 15px 0px; margin: 0px;} #ctl00_PlaceHolderMain_shortCuts ul {margin: 0px; padding: 0px 10px 15px 0px; list-style: none;} #ctl00_PlaceHolderMain_shortCuts li {background: url(../images/arrow_link_black.gif) 0px 4px no-repeat; padding: 0px 0px 12px 9px;} /* banner */ #banner {width: 209px; float: right; clear: right; padding-right: 5px; } #banner p {margin: 0px; padding: 20px 0px; text-align: center; border-top: solid white 1px;} #banner img {border: 1px solid #bcc1c9;} /* event info table */ .eventInfo {margin-bottom: 20px;} .eventInfo td {vertical-align: top; padding: 0px 30px 0px 0px;} #captcha { background-color: #ffffff; width: 480px; margin-top: 10px;} #captcha #row1 { float: left; } #captcha #row1 #image { float: left; display: block; border: 1px solid #d9d9d9;} #captcha #row1 #refreshbutton { float: left; display: block; font-weight: normal; margin-left: 5px; } #captcha #row2 { margin-top: 7px; width: 480px; text-align: left;} #captcha #row2 #label { margin-top: 3px; float: left; display: block; width: 480px; } #captcha #row2 #textbox { float: left;} #captcha #row2 #textbox input { margin-top: 4px; width: 120px;} #captcha #row3 { text-align: left; } #captcha #row3 #validator { } /* people list */ ul.peopleListPerson {margin: 0 !important; padding: 0 !important;} ul.peopleListPerson li {margin: 0 !important; padding: 0 !important; background: none !important;}