/* ************************************ * Common styles for all webbrowsers ************************************ */ /* clears all the margins and paddings for elements, expect for tables */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0;padding:0;} /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } a { outline: none;} /* removes borders from links on Mozilla Firefox */ body { font-family: Arial, verdana,sans-serif; font-size: 13px; color: #383637;} .winter { background:#d7d7d7 url(/pics/murikka/seasons/winter.jpg) center top no-repeat; } .spring { background:#d7d7d7 url(/pics/murikka/seasons/spring.jpg) center top no-repeat; } .summer { background:#d7d7d7 url(/pics/murikka/seasons/summer.jpg) center top no-repeat; } .autumn { background:#d7d7d7 url(/pics/murikka/seasons/autumn.jpg) center top no-repeat; } #wrapper { position: relative; width: 950px; margin: 0 auto;} /* ********** * HEADER * ********** */ #header { position: relative; width: 880px; margin: 0 auto; height: 187px; background: url(/pics/murikka/header.gif) left top repeat-x;)} #logo { position: absolute; width: 169px; height: 43px; background: url(/pics/murikka/logo.gif) no-repeat; text-indent:-99999px; left: 20px; top: 23px;} #testemonials { position: absolute; width: 325px; height: 70px; left: 224px; top:10px; overflow: hidden; padding:0 25px; background: none;} .icon { position: absolute; width:21px; height: 18px; background: url(/pics/murikka/icon-testemonials.gif) no-repeat; } .bottom-right { left:0px; top: 0px;} .top-left { right: 0px; bottom: 0px; } #testemonials p, #testemonials div { color:#dfdfdf; font-size: 12px; font-weight: bold; font-style:italic;} #testemonialContainer { } #search { position: absolute; width: 246px; height: 30px; background: url(/pics/murikka/form-search.gif) no-repeat; padding-top: 5px; padding-left: 11px; right: 12px; top:23px; } #search input.input-textfield { background:transparent; border:none; width: 216px; font-size: 16px; color: #6d6d6d; padding-top:3px; padding-left: 0px;} #search input.input-submit { position: absolute; width: 16px; height: 15px; background: url(/pics/murikka/input-submit.gif) no-repeat; border: none; margin-top: 5px; margin-left: 0.5em;} #languageSelector { position: absolute; width: 230px; text-align: right; right: 23px; top: 65px;} #languageSelector ul { list-style-type: none;} #languageSelector li { display: inline; border-left: 1px solid #fff; color:#fff; font-size: 12px; padding: 0 0.25em;} #languageSelector li.first { border-left: none;} #languageSelector a { color:#fff; text-decoration: none;} #languageSelector a:hover { text-decoration: underline;} #categoryMenu { position: absolute; 365px; height: 41px; left: 246px; top: 102px;} #categoryMenu ul { list-style-type: none;} #categoryMenu li { display: inline;} #categoryMenu a { float:left; height: 41px; text-indent: -99999px; width: 115px; margin-right: 10px;} .murikka a { background: url(/pics/murikka/catNavi-murikka.gif) left bottom;} .koulutus a { background: url(/pics/murikka/catNavi-koulutus.gif) left bottom;} .kokoukset a { background: url(/pics/murikka/catNavi-kokous.gif) left bottom; } /* active category */ .murikka a.active,.murikka a:hover { background: url(/pics/murikka/catNavi-murikka.gif) left top;} .koulutus a.active,.koulutus a:hover { background: url(/pics/murikka/catNavi-koulutus.gif) left top;} .kokoukset a.active,.kokoukset a:hover { background: url(/pics/murikka/catNavi-kokous.gif) left top; } #mainMenu { position: absolute; left: 0px; bottom:0px; width: 880px; height: 45px; background: url(/pics/murikka/mainMenu.png) no-repeat;} #mainMenu ul { list-style-type: none;} #mainMenu li { display: inline-block; margin-left: 20px; height: 44px;} #mainMenu li.active { background: url(/pics/murikka/navi-marker-bottom.png) center bottom no-repeat;} #mainMenu li.active a { background: url(/pics/murikka/navi-active-murikka.gif) repeat-x; } #mainMenu a { display:inline-block; color:#fff; font-size: 16px; text-decoration: none; height: 40px; padding:0 10px; padding-top: 8px;} /* ******** * PAGE * ******** */ #page { position: relative; width: 886px; margin: 0 auto;} /* Murikka/frontpage section ************************* */ #fpMurikka {} .font-green { color:#368b20;} .align-right { clear: both; position: relative; width: 100%; text-align: right;} #fpInfoCarousel { position: relative; padding: 16px 16px; width: 856px; height: 162px; background: url(/pics/murikka/carousel.png) no-repeat;} #carouselContainer { width: 854px; height: 168px;z-index: 9; background:#fff; } #carouselContainer h1, #carouselContainer h2, #carouselContainer h3 { font-family:Arial, sans-serif; color: #383637; font-size: 36px; font-weight: normal;} #carouselContainer h2.väliotsikko { margin-top:0;} #carouselContainer p { font-size: 15px; font-style: italic;} #carouselContainer a { color:#368b20; } #next,#prev { position: absolute; z-index: 100; width: 40px; height: 57px; top: 85px; text-indent: -99999px;} #next { left: -32px; background: url(/pics/murikka/btn-next.png) no-repeat;} #prev { right: -30px; background: url(/pics/murikka/btn-prev.png) no-repeat;} #fpBulletins { float: left; width: 300px;} #fpBulletins .elementHeader { position:relative; width: 300px; height: 50px; background: url(/pics/murikka/bulletin-title.png) no-repeat;} #fpBulletins .elementHeader h2 { color:#fff; font-size: 18px; position: absolute; left: 27px; top: 19px; } #fpBulletins .elementContainer { position: relative; width: 254px; padding:10px 23px 0px 23px; background: url(/pics/murikka/bulletin-container.png) repeat-y; } #fpBulletins .elementContainer ul { list-style-type: none; /*margin-bottom: 1em;*/} #fpBulletins .elementContainer li { border-bottom:1px solid #e5e5e5; font-size: 12px; font-style: italic; padding-bottom: 10px; margin-bottom: 10px;} #fpBulletins .elementContainer li a { font-style: normal; font-size: 15px; color:#358920; text-decoration: none; } #fpBulletins .elementContainer li a:hover { text-decoration: underline;} #fpBulletins .elementContainer p { margin: 0;padding: 0;} #fpBulletins a { color:#358920;} #fpBulletins .elementFooter { position: relative; width: 300px; height: 19px; background: url(/pics/murikka/bulletin-footer.png) left bottom repeat-x} #fpImageGallery { float:left; width: 586px; } #fpImageGallery .elementHeader { position: relative; width: 586px; height: 50px; background: url(/pics/murikka/gallery-title.png) no-repeat;} #fpImageGallery .elementHeader h2 { color:#fff; font-size: 18px; position: absolute; left: 33px; top: 19px; } #fpImageGallery .elementContainer { position: relative; 540px; background: url(/pics/murikka/gallery-container.png) repeat-y; padding:10px 23px 10px 23px;} #fpImageGallery #gallery { margin-bottom: 20px;} .fpImg { position: relative; float: left; width: 110px; height: 110px; background: url(/pics/murikka/fpImg.gif) no-repeat; margin-left: 20px;} .fpImg img { position: absolute; width: 96px; height: 96px;top: 7px; left: 7px;} #fpImageGallery a { color:#368b20;} #fpImageGallery .elementFooter { position: relative; width: 586px; background: url(/pics/murikka/gallery-footer.png) no-repeat; height: 19px;} #fpContact { position: relative; width: 886px;} #fpContact .elementHeader { width: 886px; height: 18px; background: url(/pics/murikka/contact-header-wide.png) no-repeat;} #fpContact .elementContainer { width: 886px; background: url(/pics/murikka/contact-container.png) repeat-y;} #fpContact .elementContent { position: relative; width: 844px; margin: 0 auto; background:#41443f url(/pics/murikka/contact-content.gif) left bottom repeat-x; padding:10px 23px 10px 13px;} #fpContact .col { float:left; width: 33%;} #fpContact .col h3 { color:#fff; font-weight: normal; font-size: 18px;} #fpContact .col p { color:#fff; margin: 1em 0;} #fpContact .col .btn-arrow-green { display: block; width: 233px; padding-left: 13px; padding-top: 10px; height: 23px; background: url(/pics/murikka/btn-arrow-green.gif) no-repeat; text-decoration:none; font-weight: bold; color:#fff;} #fpContact .indent { padding-left: 10px;} #fpContact .link-metalliliitto { display: block; width: 126; height: 41px; background: url(/pics/murikka/logo-metalliliitto.gif) no-repeat; text-indent: -99999px;} #googleStaticMap img { border: 4px solid #fff;} #fpContact .elementFooter { position: relative; width: 886px; height: 13px; background: url(/pics/murikka/contact-footer-wide.png) no-repeat;} /* * Courses * *********** */ #fpCourses { position: relative; top: 5px;} .wide { position: relative; width: 100%; height: 197px;} #fpCoursesInfoCarousel { position: absolute; width: 549px; height: 165px; background: url(/pics/murikka/coursesInfo.png) no-repeat; padding: 16px 16px;} #fpCoursesInfoCarousel h2 strong,#fpCoursesInfoCarousel h1 strong,#fpCoursesInfoCarousel h3 strong,#fpCoursesInfoCarousel h2 b,#fpCoursesInfoCarousel h1 b,#fpCoursesInfoCarousel h3 b { font-weight: normal;} #fpCoursesInfoCarousel p { font-size: 15px; font-style: italic;} #fpShortCuts { position: absolute; right: 10px;} #fpShortCuts ul { list-style-type: none;} #fpShortCuts li { margin-bottom: 5px;} #fpShortCuts a { display: block; width: 234px; height: 43px; background: url(/pics/murikka/lnk-coursesMainLink.png) no-repeat; font-size: 20px; color: #8b2e20; text-decoration: none; padding-left: 22px; padding-top: 18px;} #fpShortCuts a:hover { text-decoration: underline;} #fpCourses .fpLeftCol { float: left; width: 584px;} .coursesDescription { position: relative; width: 584px; margin-top: 7px;} .courses-basic { } .courses-basic .elementHeader { width: 584px; height: 50px; background: url(/pics/murikka/courses-basic-header.png) no-repeat;} .courses-basic .elementHeader h2 { position: absolute; color:#fff; font-size: 18px; left: 37px; top: 15px;} .courses-basic .elementContainer { position: relative; width: 584px; background: url(/pics/murikka/courses-basic-container.png) repeat-y;} .courses-basic .courseCategories { position: relative; width: 542px; margin: 0 auto; background: #8b2e20; padding: 10px 10px;} .courses-basic .elementFooter { position: relative; width: 584px; height: 18px; background: url(/pics/murikka/courses-basic-footer.png) no-repeat;} .courses-other { } .courses-other .elementHeader { width: 584px; height: 50px; background: url(/pics/murikka/courses-other-header.png) no-repeat;} .courses-other .elementHeader h2 { position: absolute; color:#fff; font-size: 18px; left: 37px; top: 15px;} .courses-other .elementContainer { position: relative; width: 584px; background: url(/pics/murikka/courses-other-container.png) repeat-y;} .courses-other .courseCategories { position: relative; width: 542px; margin: 0 auto; background: #54534f; padding: 10px 10px;} /* .courses-other .courseCategories ul { list-style-type: none; background: url(/pics/murikka/courses-other-ul.gif) repeat;} .courses-other .courseCategories li { display: inline; margin-right: 10px; padding-bottom: 0.5em; } .courses-other .courseCategories li a { display: inline-block; color:#fff; text-decoration: none; font-size: 16px; padding: 1px 4px 7px 4px;} .courses-other .courseCategories li.ui-state-active a { background: url(/pics/murikka/ui-state-active.gif) repeat-x;} */ .courses-other .elementFooter { position: relative; width: 584px; height: 18px; background: url(/pics/murikka/courses-other-footer.png) no-repeat;} #askCourses { position: relative; width: 584px; margin-top: 7px;} #askCourses .elementHeader { width: 584px; height: 19px; background: url(/pics/murikka/form-header-dark-narrow.png) no-repeat;} #askCourses .elementContainer { width: 546px; padding: 10px 16px; background:#2c2c28 url(/pics/murikka/form-container-dark-narrow.gif) left top repeat-x; margin: 0 auto;} #askCourses .col-form { float:left; width: 50%;} #askCourses h2 { color:#fff; font-weight: normal; font-size: 18px; margin-bottom: 0.5em;} #askCourses .col-form p { color:#fff;} #askCourses .textarea-narrow { width: 254px; height: 101px; background: url(/pics/murikka/form-textarea-narrow.gif) no-repeat; padding-left: 10px; padding-top: 30px; } #askCourses textarea { border: none; font-size: 14px; color:#6d6d6d; width: 250px; height: 95px; background:none; font-family: arial;} #askCourses .elementContainer .col-form label { position: absolute; top: 65px; right: 213px;font-size: 18px; color:#6d6d6d;} #askCourses .form-submit { position: absolute; right: 30px; cursor: pointer; bottom: 20px; width: 89px; height: 35px; text-align: center; font-size: 16px; font-style: bold; color:#fff; padding-top: 0px; background: url(/pics/murikka/form-submit-dark.gif) no-repeat; border:none; } #askCourses .elementFooter { position: relative; clear:both; width: 584px; height: 19px; background: url(/pics/murikka/form-footer-dark-narrow.png) no-repeat;} /* common styles for Courses-template */ /* Course description tabs */ .courseCategories ul { list-style-type: none; width: 530px;} .courseCategories li { display: inline; margin:0 5px; padding: 0.5em 0; } .courseCategories li a { display: inline-block; color:#fff; text-decoration: none; font-size: 16px; padding: 1px 4px 8px 4px;} .courseCategories li { color:#fff; text-decoration: none; font-size: 16px; padding: 1px 4px 9px 4px; cursor: pointer; cursor: hand;} .courseCategories li.selected, .courseCategories li.selected { background: url(/pics/murikka/ui-state-active.gif) repeat-x; } .courseCategories li.ui-state-active, .courseCategories li.ui-state-hover { background: url(/pics/murikka/ui-state-active.gif) repeat-x; } .courseCategories li.ui-state-active a, .courseCategories li.ui-state-hover a,.courseCategories li.selected a { background: url(/pics/murikka/icon-arrow-black-down.gif) center bottom no-repeat; } .float { float:left; margin: 10px 0px;} .left { padding-left: 23px; padding-right: 10px; width: 311px; border-right: 1px solid #d9d9d9; } .left p { font-size: 14px; /* font-style: italic; */} #page .right { width: 210px; padding-left: 10px; margin-left: 5px;} .right ul { list-style-type: none; margin-top: 1em; width: 95%;} .right li { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #d9d9d9;} .right li a { font-size: 14px; color: #8b2e20; text-decoration: none;} .right a:hover { text-decoration: underline;} .coursesDescription .courseDescription, .coursesDescription .courseDescription p { font-size: 14px;} #fpCourses .fpRightCol { float: left; width: 298px; margin-left: 3px;} .fpRightCol #courseListing { position: relative; width: 298px;} .fpRightCol #courseListing .elementHeader { position: relative; width: 298px; height: 57px; background: url(/pics/murikka/courseListing-header.png) no-repeat;} #courseListing .elementHeader h2 { position: absolute; color:#fff; font-size: 24px; left: 23px; top: 20px; font-weight: normal;} .fpRightCol #courseListing .elementContainer { position: relative; width: 252px; padding: 10px 23px; background: url(/pics/murikka/courseListing-container.png) repeat-y;} .upcomingCourse { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #c8c8c8; width: 97%;} .upcomingCourse p.courseDate { color:#383637; font-weight:bold; font-size: 14px; padding: 2px 0 3px 30px; background: url(/pics/murikka/icon-courseDate.gif) no-repeat;} .upcomingCourse h3 { font-size: 16px;} .upcomingCourse h3 a { color:#8b2e20; text-decoration: none;} .upcomingCourse h3 a:hover { text-decoration: underline;} .upcomingCourse p.courseTags { font-size: 12px; font-style: italic; color:#383637;} .fpRightCol #courseListing .elementFooter { position: relative; width: 298px; height: 13px; background: url(/pics/murikka/courseListing-footer.png) no-repeat;} .fpRightCol #datepicker, #courseCalendarTableContainer { position: relative; width: 262px; margin: 0 auto;} .fpRightCol .ui-datepicker-header { position: relative; width: 262px; height: 35px; background: url(/pics/murikka/calendarMonthChooser.gif) no-repeat; } .ui-datepicker-prev { position: absolute; left: 2px; width: 28px; height: 35px; text-indent: -99999px; background: url(/pics/murikka/icon-calendar-prev.gif) no-repeat;} .ui-datepicker-prev:hover { background: url(/pics/murikka/icon-calendar-prev.gif) left bottom no-repeat; } .ui-datepicker-title { text-align: center; width: 100%; padding-top: 9px; font-size: 16px; color:#fff; font-style: bold;} .ui-datepicker-next { position: absolute; right: 2px; width: 28px; height: 35px; text-indent: -99999px; background: url(/pics/murikka/icon-calendar-next.gif) no-repeat; } .ui-datepicker-next:hover { background: url(/pics/murikka/icon-calendar-next.gif) left bottom no-repeat; } .ui-datepicker-calendar { width: 100%;} .ui-datepicker-calendar th { width: 14%; text-align: center; color:#3c3c3c; font-size: 12px;} .ui-datepicker-calendar td { text-align: center; border: 1px solid #ababab; background: url(/pics/murikka/ui-calendar-td.gif) left bottom repeat-x; height: 22px;} .ui-datepicker-calendar td a { color:#3c3c3c; text-decoration:none; font-weight: bold;} .ui-datepicker-calendar td a:hover { text-decoration: underline;} .ui-datepicker-calendar td.ui-datepicker-other-month { border: 1px solid #eaeaea; background: url(/pics/murikka/ui-calendar-td-other-month.gif) left bottom repeat-x; } .ui-datepicker-calendar td.highlighted { background: url(/pics/murikka/td-highlight.gif) repeat-x;} .ui-datepicker .ui-datepicker-calendar td .tooltip { } #tooltip { /* border: 4px solid #ddd; background:#fff; z-index: 1000; position: absolute; padding: 2em; width: 200px; */} #courseSearch { margin-top: 2em;} #courseSearch form { position: relative; width: 251px; height: 39px; padding-top: 3px; background: url(/pics/murikka/input-textfield-border-grey.gif) right top no-repeat; margin-bottom: 2em;} #courseSearch input.input-textfield { background: none; width: 210px; } #courseSearch .input-submit { position: absolute; width: 15px; height: 15px; background: url(/pics/murikka/input-submit-clear.gif) no-repeat; border: none; margin-top: 10px; margin-left: 0.5em; } #courseSearch p { font-size: 16px; color: #8B2E20; } #courseSearch a { color: #8B2E20; text-decoration: none; } #courseSearch a:hover { text-decoration: underline;} .elementContainer .infoText { color:#383637; font-size: 12px; margin-top: 1em; } #course-area-desc-other a { color: #8B2E20;} /* * Conference * ************** */ #fpConferenceInfo { width: 880px; height: 263px; overflow: hidden; } #imageContainer { position: absolute; left: 8px; top: 8px;} #conference-lift { position: absolute; right: 36px; top: 32px; width: 297px; height: 163px; padding: 18px 14px; z-index: 10; background: url(/pics/murikka/conference-lift.png) no-repeat;} #conference-lift h3 { color:#fff; font-size: 24px; font-weight: normal; margin-bottom: 0.2em;} #conference-lift p { color:#fff; font-size: 15px; font-style: italic; margin-bottom: 0.5em;} #slideShowBorders { position: absolute; top: 3px; left: 3px; width: 880px; height: 253px; z-index: 10;background: url(/pics/murikka/slideshowBorders.png) no-repeat; } #conferenceFacilities { width: 880px; z-index: 9; margin-bottom: 10px; padding-bottom: 20px; } #conferenceFacilities #ajax-content-container{ position: relative; top: 36px;} #conferenceFacilities #ajax-content-container .elementHeader { position: relative; width: 886px; height: 17px; background: url(/pics/murikka/elementHeader-blue-wide.png) no-repeat;} #conferenceFacilities #ajax-content-container .elementContainer { position: relative; padding: 15px 23px; width: 844px; background: url(/pics/murikka/elementContainer-blue-wide.png) repeat-y;} #ajax-content-tabs { list-style-type: none;} #ajax-content-tabs li { display: inline;} #ajax-content-tabs li a { position: absolute; height:32px; color:#21648b; text-decoration: none; font-size: 15px; font-weight: bold; z-index: 10; text-align: center; padding-top: 15px;} #ajax-content-tabs #tab-Kokoustilat { width: 120px; left: 20px; background: url(/pics/murikka/tab-kokoustilat.png) no-repeat;} #ajax-content-tabs #tab-Majoitus { width: 93px; left: 140px; background: url(/pics/murikka/tab-majoitus.png) no-repeat;} #ajax-content-tabs #tab-Ravintolat { width: 106px; left: 233px; background: url(/pics/murikka/tab-ravintolat.png) no-repeat;} #ajax-content-tabs #tab-Rantasauna { width: 119px; left: 339px; background: url(/pics/murikka/tab-rantasauna.png) no-repeat;} #ajax-content-tabs #tab-Liikuntamahdollisuudet { width: 201px; left: 458px; background: url(/pics/murikka/tab-liikuntamahdollisuudet.png) no-repeat;} #ajax-content-tabs #tab-Oheisohjelmat { width: 137px; left: 659px; background: url(/pics/murikka/tab-oheisohjelma.png) no-repeat;} #ajax-content-tabs .selected a { color: #fff;} #ajax-content-tabs .selected #tab-Kokoustilat { background: url(/pics/murikka/tab-kokoustilat.png) left bottom no-repeat;} #ajax-content-tabs .selected #tab-Majoitus { background: url(/pics/murikka/tab-majoitus.png) left bottom no-repeat;} #ajax-content-tabs .selected #tab-Ravintolat { background: url(/pics/murikka/tab-ravintolat.png) left bottom no-repeat;} #ajax-content-tabs .selected #tab-Rantasauna { background: url(/pics/murikka/tab-rantasauna.png) left bottom no-repeat; } #ajax-content-tabs .selected #tab-Liikuntamahdollisuudet { background: url(/pics/murikka/tab-liikuntamahdollisuudet.png) left bottom no-repeat; } #ajax-content-tabs .selected #tab-Oheisohjelmat { background: url(/pics/murikka/tab-oheisohjelma.png) left bottom no-repeat; } .ui-tabs-hide { display: none;} #conferenceFacilities #ajax-content ul,#conferenceFacilities #ajax-content ol { margin-left: 2em;} #conferenceFacilities #ajax-content ul ul,#conferenceFacilities #ajax-content ol ol { margin-left: 1em;} #conferenceFacilities #ajax-content a { color:#8B2E20;} #conferenceFacilities #ajax-content-container .elementFooter { position: relative; width: 886px; height: 17px; background: url(/pics/murikka/elementFooter-blue-wide.png) no-repeat;} #conferenceFeedback { position: relative; width: 886px; top: 10px; clear:both; margin-bottom: 10px;} #conferenceFeedback .elementHeader { width: 886px; height: 18px; background: url(/pics/murikka/dark-header-wide.png) no-repeat;} #conferenceFeedback .elementContainer { width: 886px; background: url(/pics/murikka/contact-container.png) repeat-y;} #conferenceFeedback .elementContent { position: relative; width: 844px; margin: 0 auto; background:#272725 url(/pics/murikka/dark-content.gif) left top repeat-x; padding:10px 23px 20px 13px;} #conferenceFeedback .col-desc { float:left; width: 194px;} #conferenceFeedback .col-desc h3 { color:#fff; font-weight: normal; font-size: 18px;} #conferenceFeedback .col-desc p { color:#fff;} #conferenceFeedback .col-desc .btn-arrow-blue { display: block; width: 173px; padding-left: 13px; padding-top: 7px; height: 23px; background: url(/pics/murikka/btn-arrow-blue.gif) no-repeat; text-decoration:none; font-weight: bold; color:#fff; font-size: 15px;} #conferenceFeedback .indent { padding-left: 10px;} #conferenceFeedback .col-form { float:left; width: 279px;} #conferenceFeedback .col-form h3 { color:#fff; font-weight: normal; font-size: 18px;} #conferenceFeedback .col-form p { color:#fff;} #conferenceFeedback .input-textfield { border: none; width: 255px; height: 29px; background: url(/pics/murikka/form-input-white.gif) right top no-repeat; clear: both; margin-bottom: 0.6em; font-size: 18px; color:#6d6d6d; padding-top: 7px; padding-left: 9px; } #conferenceFeedback .textarea-wide { width: 365px; height: 101px; background: url(/pics/murikka/form-textarea-white.gif) no-repeat; padding-left: 10px; padding-top: 30px; border: none; } #conferenceFeedback textarea { width: 350px; height: 95px; font-size: 14px; color:#6d6d6d; font-family: arial; border:none; background: none;} #conferenceFeedback .col-form label { position: absolute; top: 20px; right: 315px; font-size: 18px; color:#6d6d6d; } #conferenceFeedback .form-submit { position: absolute; right: 20px; cursor: pointer; margin-top: 10px; width: 89px; height: 35px; text-align: center; font-size: 16px; font-style: bold; color:#fff; padding-top: 0px; background: url(/pics/murikka/form-submit-dark.gif) no-repeat; border:none; } #conferenceFeedback .elementFooter { position: relative; width: 883px; height: 13px; background: url(/pics/murikka/dark-footer-wide.png) no-repeat;} /* Common graphical elemenets ************************** */ .cols3 { } /* jQuery tabs(); */ .ui-tabs-hide { display: none;} /* forms */ .input-textfield { border: none; width: 255px; height: 29px; background: url(/pics/murikka/form-input-white.gif) right top no-repeat; clear: both; margin-bottom: 0.6em; font-size: 18px; color:#6d6d6d; padding-top: 7px; padding-left: 9px; } /* * ******** * * SUBPAGES * * ******** * */ #contentWrapper { position: relative; width: 617px;} #leftCol { width: 617px; float:left;} #rightCol { width: 262px; float:left; margin-left:7px;} #pageTitle { position: relative; width: 617px; margin: 0 auto; height: 77px; } #leftCol .pageTitle-default { background: url(/pics/murikka/pageTitle-default.png) left top repeat-x;)} #leftCol .pageTitle-koulutus { background: url(/pics/murikka/pageTitle-koulutus.png) left top repeat-x;)} #leftCol .pageTitle-kokoukset { background: url(/pics/murikka/pageTitle-kokoukset.png) left top repeat-x;)} #pageTitle h1 { font-size: 20px; padding-top: 19px; padding-left: 19px; color:#fff; } #path { position:absolute; width: 600px; text-align: right; right: 20px; bottom: 14px; color: #fff; font-size: 11px;} #path a { text-decoration: none; color: #fff; font-size: 11px; } #path a:hover { text-decoration: underline;} #leftCol .elementHeader { width: 617px; height: 9px; background: url(/pics/murikka/contentHeader.png) no-repeat; } #leftCol .elementContainer { position: relative; width: 565px; background: url(/pics/murikka/contentWrapper.png) repeat-y; padding: 36px 26px;} /* content styles */ #leftCol .content { position: relative;} .content ul, .content ol { margin-left: 2em;} .content ul ul, .content ol ol { margin-left: 1em;} .content a { color:#8B2E20;} #leftCol .elementFooter { width: 617px; height: 9px; background: url(/pics/murikka/contentFooter.png) left top no-repeat;} #rightCol .elementHeader { width: 262px; height: 9px; background: url(/pics/murikka/naviHeader.png) no-repeat; } #rightCol .elementContainer { width: 246px; background: url(/pics/murikka/naviWrapper.png) repeat-y; padding: 10px 8px;} #rightCol .elementFooter { width: 262px; height: 9px; background: url(/pics/murikka/naviFooter.png) left top no-repeat;} #subNavi { width: 246px; } #subNavi ul { list-style-type:none;} #subNavi li { margin-bottom: 0.5em; border-bottom: 1px solid #E5E5E5; background: url(/pics/murikka/li-Marker.gif) 2px 2px no-repeat; padding-left: 20px; padding-bottom: 0.5em;} #subNavi li a { display: block; color: #383637; font-size: 16px; text-decoration: none; /* font-weight: bold; */} #subNavi ul ul { width: 90%; margin-top: 3px;} #subNavi li li { background: none; border: none; padding-left: 10px; padding-bottom: 0px; } #subNavi li li a { color:#000; border: 0px; padding: 0;background: none; font-size: 12px; font-weight: normal;} #subNavi li li a:hover { text-decoration:underline; background: none;} #subNavi li a.active { font-weight: bold;} #subNavi li a#selected { font-weight: bold; color:#8b2e20;} #subNavi li li a.active { text-decoration: underline; font-weight: bold;} /* ********** * FOOTER * ********** */ #footer { position: relative; width: 886px; margin: 0 auto; height: 62px; background: url(/pics/murikka/footer.png) no-repeat; margin-top: 7px;} .copyright { position: absolute; left: 23px; top: 25px;} .copyright p { color:#383637;} .toolbox { position: absolute; right: 23px; top: 25px;} .toolbox p { color:#383637;} .toolbox a { color: #383637; text-decoration: none;} .toolbox a:hover { text-decoration: underline;} /* ******************* * OTHER TEMPLATES * ******************* */ /* Bulletin Manager 2 pagetemplates/bulletinmanager2.vm ********************************** */ #bm2 { position: relative;} #bm2 #rss { position: absolute; right: 0px;} #bm2 .mgsListing { list-style-type: none; padding-top: 30px;} #bm2 .mgsListing li { border-bottom:1px solid #e5e5e5; font-size: 12px; font-style: italic; padding-bottom: 10px; margin-bottom: 10px;} #bm2 .mgsListing li a { font-style: normal; font-size: 18px; color:#358920; text-decoration: none; } #bm2 .mgsListing li a:hover { text-decoration: underline;} #bm2 .bm2-publish-date { font-size: 12px; font-style: italic; } #bm2 .bm-lnk-archive { position: relative; display: block; width: 100%; text-align: right; font-size: 12px; } #bm2 .bm-lnk-archive a { color:#358920; text-decoration: none; } #bm2 .bm-lnk-archive a:hover { text-decoration: underline;} #bm2 ul, #bm2 ol { margin-left: 2em;} #bm2 ul ul, #bm2 ol ol { margin-left: 1em;} #bm2 a { color:#8B2E20;} /* Form Designer pagetemplates/formdesignerform.vm ********************************** */ #fd {} #fd fieldset { border: #ffffff; background: #fff; margin-bottom: 1em;} #fd .FormDesignerFieldTypeTextarea textarea { border: 4px solid #ddd; width: 75%; padding: 0.5em;} #fd .FormDesignerFieldTypeText input { border: 4px solid #ddd; width: 75%; padding: 0.5em;} #fd .FormDesignerFieldTypeEmail input { border: 4px solid #ddd; width: 75%; padding: 0.5em; } #fd legend strong { font-size: 16px; font-weight: normal; color: #383637;} /* Kurssitietokanta pagetemplates/kurssitietokanta.vm ********************************* */ /* search button */ #courseTools { position: absolute; right: 36px; margin-top:0px; width: 148px; height: 28px; background: url(/pics/coursemanager/btn-courseCustomSearch.gif) no-repeat; padding-top: 8px; padding-left: 10px;} #courseTools a { color:#fff; text-decoration:none; font-size: 16px; } #courseTools a:hover { text-decoration: underline;} /* Course info */ .course h2 { width: 390px;} .course h2 span { font-size: 16px; font-style: italic;} .course h3.courseDescription { font-size: 20px;} .course h3 a { color:#383637; text-decoration: none; font-size: 18px; } .course ul, .course ol { margin-left: 2em; margin-bottom: 0.5em;} .course ul ul, .course ol ol { margin-left: 1em;} .courseNameDesc { position: relative; margin-bottom: 1em; margin-bottom: 0.25em;} /* Course Custom Search */ #courseSearchBox { position: relative; margin-bottom: 2em;} #courseSearchForm label { font-size: 16px;} #courseSearchForm select { border: 2px solid #e7eadd; height: 30px; width: 300px; font-size: 16px; } /* search results */ .singleCourseListed { border: 2px solid #e7eadd; background:#f4f7e9; padding: 10px; margin-bottom: 10px;} .singleCourseListed h3 { margin-bottom: 0.5em;} .singleCourseListed h3 a { color:#383637; text-decoration: none; font-size: 20px;} .singleCourseListed h3 a:hover { text-decoration: underline;} .singleCourseListed h3 span { font-size: 16px; font-weight: normal; font-style: italic;} .singleCourseListed p { border-top: 1px dashed #ddd; padding: 0.5em 0; margin:0;} .singleCourseListed p.educationTypes { font-size: 14px;} .course-search-pagination { position: relative; margin: 1em 0;} ul.course-search-pagination { list-style-type: none;} ul.course-search-pagination li {display: inline; line-height: 30px;font-size: 14px; font-weight: bold; margin-right: 5px; background:#f8f9ef url(/pics/coursemanager/li-pagination.gif) left bottom repeat-x; padding: 5px 5px 2px 5px; border: 1px solid #eceee4;} ul.course-search-pagination li.pagination-title { background: none; border: none;} ul.course-search-pagination li a { color: #873522;} /* common elements */ #coursedb h2 { margin-bottom: 1.5em; width: 400px;} #coursedb p.courseDates { font-size: 18px; background: url(/pics/coursemanager/icon-calendar.gif) 0 3px no-repeat; padding: 0.5em 0; padding-left: 40px; } #coursedb p.course-notify, #coursedb p.course-notify-tplwithcourseinfo { border: 2px dashed #8B2E20; font-style: italic; padding: 5px; } #coursedb p.course-notify { margin: 1em 0; } #coursedb p.course-notify-tplwithcourseinfo { margin: 0 0 1em 0; } #coursedb p.course-notify span.notify-heading, #coursedb p.course-notify-tplwithcourseinfo span.notify-heading { font-size: 16px;font-weight: bold; } span.course-notify-text { color: #f33; } div.upcomingCourse p.course-notify { border: 1px dashed #8B2E20; font-style: italic; padding: 3px; } div.upcomingCourse p.course-notify span.notify-heading { font-size: 13px; font-weight: bold; } #coursedb a { color:#8B2E20; } #coursedb #courseTools a { color:#fff;} #coursedb ul, #coursedb ol { margin-left: 2em; margin-bottom: 0.5em;} #coursedb ul ul, #coursedb ol ol { margin-left: 1em;} .actionButtons { position: relative; height: 35px; /* margin-top: 1em; */} .actionButtons div { padding-top: 8px; padding-left: 35px; /* position: absolute; */display:block; height: 35px; width: 108px;} .actionButtons .courseReadMore { background: url(/pics/coursemanager/btn-readmore.gif) no-repeat; } .actionButtons .courseBack { background: url(/pics/coursemanager/btn-back.gif) no-repeat; } .actionButtons .courseApply { right: 0px; background: url(/pics/coursemanager/btn-apply.gif) no-repeat; } .actionButtons .button-align-right { padding-left: 15px; } .actionButtons .courseSearch { display:block; width: 148px; height: 28px; text-align: left; background: url(/pics/coursemanager/btn-courseCustomSearch.gif) no-repeat; padding-top: 8px; padding-left: 10px;} .actionButtons a { color:#873522; text-decoration: none; font-size: 16px;} .actionButtons .courseSearch a { color:#fff;} .actionButtons a:hover { text-decoration: underline;} .courseDescription ul, courseDescription ol { margin-left: 2em;} .courseDescription ul ul, courseDescription ol ol { margin-left: 1em;} .courseDescription .right ul { margin-left: 0;} #rightCol #courseListing { position: relative; width: 246px;} .courseSearchLink { cursor: pointer;} .courseSearchLink:hover { text-decoration: underline;} .locate-right-top-corner { position: absolute; right: 0px; top: 0px;} .button-container { position: relative; clear:both;} /* buttons */ #coursedb .button-search-make, #coursedb .button-search-hide { background: #762b1e; color:#fff; font-weight: bold; text-decoration: none; display: block; float:left; height: 25px; padding-right: 1em; background: url(/pics/murikka/button-search-body.gif) right top no-repeat; } #coursedb .button-search-make span, #coursedb .button-search-hide span { display: block; padding-left: 35px; padding-top: 5px; height: 20px;} #coursedb .button-search-make span { background: url(/pics/murikka/button-search-make-left-corner.gif) left top no-repeat; } #coursedb .button-search-hide span { background: url(/pics/murikka/button-search-hide-left-corner.gif) left top no-repeat; } #coursedb .button-search-make:hover, #coursedb .button-search-hide:hover { text-decoration: underline;} /* Kurssille hakeminen pagetemplates/templateWithCourseInfo.vm *************************************** */ .course-information { float: left; width: 200px; margin-right: 10px;} .course-information p a { color:#873522;} .infoContainer { margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #ddd;} p.courseTitle { font-size: 14px;} p.courseTitle span { font-style: italic;} .course-general-description { float: left; width: 346px;} .downloadCourseApplication { position: relative; width: 240px; margin: 0 auto; margin-bottom: 1em; height: 47px; background: url(/pics/coursemanager/btn-loadApplication.gif) right top no-repeat; font-size: 16px;} .downloadCourseApplication div { position: absolute; right: 10px; top: 15px;} .downloadCourseApplication a { color:#873522; font-size: 16px; text-decoration: none;} .downloadCourseApplication a:hover { text-decoration: underline;} /* Sivukartta pagetemplates/sitemapNoModules.vm ********************************* */ #sitemap { position: relative; width: 550px;} #sitemap ul { list-style-type: none; width: 100%;} #sitemap li { padding: 0.5em 0; width: 97%;} #sitemap li a { display: block; font-size: 18px; color:#fff; text-decoration: none; font-weight: bold; padding: 0.5em 10px; background: #368a20; margin-bottom: 0.25em; } #sitemap li a:hover { text-decoration:none; background:#41443f; color:#fff;} #sitemap li li { margin:0; margin-left: 0.5em;padding:0; border-bottom: 1px solid #ddd; } #sitemap li li a { font-size: 16px; color:#8b2e20; background: none; border: none; padding: 0; padding: 0.5em;} #sitemap li li li { margin: 0.5em 0; margin-top: 0em; margin-left: 1em; border-bottom: none;} #sitemap li li li a { color:#000; font-size: 14px; padding:0; border: none; } #sitemap li li li a:hover { border: none; text-decoration: underline; background: none; color:#000;} #sitemap li li li li { margin-top: 0.25em;} #sitemap li li li li a { font-weight: normal; font-size: 12px;} /* 404 ********************************* */ #error a { color:#8B2E20;} /* Search results pagetemplates/searchresults.vm ********************************* */ #searchResults {} #searchResults input.form-textfield { border: 4px solid #ddd; width: 75%; padding: 0.5em;} #searchResults h4 { font-size: 16px; font-weight: bold;} #searchResults h4 a { font-size: 16px; text-decoration: none; color:#8B2E20;} #searchResults h4 a:hover { text-decoration: underline;} #searchResults p.searchresults-link a { font-size: 11px; color:#8B2E20; text-decoration:none; font-style: italic;} #searchResults p.searchresults-link a:hover { text-decoration: underline;} #searchResults .odd { background: #F4F7E9; padding: 5px; padding-bottom: 0.5em; border: 1px solid #E7EADD; margin-bottom: 1em;} #searchResults .even { padding: 5px; border: 1px solid #E7EADD; margin-bottom: 1em;} #pages { padding: .5em; border: 1px solid #ddd;} #pages a { color:#8B2E20; } .searchresults-no-hits { margin: 1em; border: 2px solid #e7eadd; background:#f4f7e9; padding: 10px; } /* Material Bank -page pagetemplates/template.vm ********************************* */ .content table.table-materialbank { border-bottom: 1px solid #e5e5e5; margin-bottom: 1em;} .content table.table-materialbank td.title-materialbank { font-size: 18px;} .content table.table-materialbank td.cursive { font-style: italic;} /* Laheta kortti ******************** */ #cardContainer { text-align:center; }