/* * ********************************** * Stylesheet for common 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, 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 { background:#686868; font-family: Verdana, Arial, serif; font-size: 12px; color:#404040; } #backgroundWrapper { position: relative; width: 100%; background: #fff url(/pics/verkatehdas/bg.gif) repeat-x;} #wrapper { position: relative; width: 898px; background: url(/pics/verkatehdas/wrapper.gif) center top no-repeat; margin: 0 auto; padding: 0 13px;} #header { position: relative; width: 898px; height: 165px; margin: 0 auto; background: url(/pics/verkatehdas/header.gif) no-repeat;} #logo { position: absolute; width: 256px; height: 38px; left: 32px; top:86px; background: url(/pics/verkatehdas/logo.gif) no-repeat; text-indent:-999999px;} #navigationCustomer { position: absolute; width: 200px; height: 162px; left: 457px; top: 2px; } #navigationOrganizer { position: absolute; width: 206px; top: 2px; left: 671px;} .navi { position: relative; padding-right: 8px; padding-top: 8px;} .navi h2 { color:#fff; font-size: 22px; font-weight: normal; font-family: Georgia; margin-bottom: 5px; margin-left: 13px; background:#bd3878;} .navi ul { list-style-type: none; margin-left: 8px; background:#bd3878;} .navi li { } .navi li a { color:#fff; text-decoration:none; font-weight: bold; display: block; padding: 3px 5px;} .navi li a:hover { background:#8f0833;} #some { position: absolute; left: 32px; top: 135px; } #some ul { list-style-type: none; background:#ca4a8c;} #some li { display: inline; } #some li a { float:left; padding: 5px 0px; padding-left: 20px; color:#fff; text-decoration: none; font-size: 11px; margin-right: 1em;} #some li.first a { padding-left:0;} #some a#facebook { background: url(/pics/verkatehdas/icon-facebook.gif) left center no-repeat;} #some a#emaillist { background: url(/pics/verkatehdas/icon-maillist.gif) left center no-repeat;} #page { position: relative; width: 873px; padding: 12px;} /* * ********** * FRONTPAGE * ********** */ .row { position: relative; width: 873px;} .fpLeftCol { float:left; width: 435px; margin-right: 10px;} #mainEventLift { position: relative; width: 435px;} #mainEventLift img { margin:0; padding:0; height: 355px; overflow:hidden; width: 435px;} #evenMainLink { position: absolute; top: 355px; z-index: 100; width: 435px; height: 73px; left:0px;} .info { float:left; width:344px; height:73px; background:#c80078; margin:0; padding:0; } .info h3 { font-size:18px; color:#ffffff; line-height:35px; padding:20px 0px 0px 15px; margin: 0px;} .link { float:left; width:91px; height:73px; background:#64003c; text-align:center;} .link a { display: block; outline: 0; position:relative; top:30px; color:#ffffff; text-decoration:none;text-transform:uppercase;} .banner { } .fpRightCol { float:left; width: 428px;} #fpEventCalendar { position: relative; width: 402px; padding:13px; background:#c2d127; margin-bottom: 8px; height: 154px; overflow: hidden;} #eventSearch { float:left; width: 190px; margin-right: 2px;} #eventSearch div { position: relative; margin-bottom: 1em;} #eventSearch div h3 { font-size: 22px; color:#fff; font-weight: normal; margin-bottom: 10px;} #eventSearch #searchbox { position: relative; width: 178px; height: 22px; background: url(/pics/verkatehdas/fpEventSearchBox.gif) top left no-repeat; } #eventSearch .input-textfield { padding: 3px 0; height: 20px; padding-left: 10px; border:none; background:none; width: 135px;} #eventSearch .input-submit { position: absolute; right: 5px; top: 4px; width: 17px; height: 16px; background: url(/pics/verkatehdas/fpEventSearchBox-submit.gif) no-repeat; border:none;} #events { float:left; width: 210px; height: 143px;} /* Minicalendar */ #calendar-header { position:relative; width: 210px; height: 5px; background: url(/pics/verkatehdas/calendar/calendar-header.gif) no-repeat;} #calendar-content { position: relative; width: 210px; background: url(/pics/verkatehdas/calendar/calendar-content.gif) repeat-y;} .ui-datepicker-header { position: relative; margin: 0 auto; width: 202px; height: 22px; background: url(/pics/verkatehdas/calendar/calendarMonthChooser.gif) no-repeat; } .ui-datepicker-prev { position: absolute; left: 2px; width: 22px; height: 21px; overflow: hidden; top:1px; text-indent: -99999px; background: url(/pics/verkatehdas/calendar/icon-calendar-prev.gif) no-repeat;} .ui-datepicker-prev:hover { background: url(/pics/verkatehdas/calendar/icon-calendar-prev.gif) left bottom no-repeat; } .ui-datepicker-title { text-align: center; width: 100%; padding-top: 1px; font-size: 15px; color:#fff; font-style: bold;} .ui-datepicker-title a { font-size: 15px; color:#fff; font-style: bold; text-decoration: none;} .ui-datepicker-title a:hover { text-decoration: underline;} .ui-datepicker-next { position: absolute; top: 1px;right: 2px; width: 22px; height: 21px; overflow: hidden; text-indent: -99999px; background: url(/pics/verkatehdas/calendar/icon-calendar-next.gif) no-repeat; } .ui-datepicker-next:hover { background: url(/pics/verkatehdas/calendar/icon-calendar-next.gif) left bottom no-repeat; } .ui-datepicker-calendar { position: relative; width: 202px; margin: 0 auto;} .ui-datepicker-calendar th { width: 10%; text-align: center; color:#3c3c3c; font-size: 10px;} .ui-datepicker-calendar td { text-align: center; border: 1px solid #ababab; line-height: 12px; background: url(/pics/verkatehdas/calendar/ui-calendar-td.gif) left bottom repeat-x; height: 1px; padding:0;margin:0;} .ui-datepicker-calendar td a { color:#3c3c3c; text-decoration:none; font-weight: bold; font-size: 9px; } .ui-datepicker-calendar td a:hover { text-decoration: underline;} .ui-datepicker-calendar td.ui-datepicker-other-month { border: 1px solid #eaeaea; background: url(/pics/verkatehdas/calendar/ui-calendar-td-other-month.gif) left bottom repeat-x; } .ui-datepicker-calendar td.highlighted { background: url(/pics/verkatehdas/calendar/td-highlight.gif) repeat-x;} #calendar-footer { position: relative; width: 210px; height: 6px; background: url(/pics/verkatehdas/calendar/calendar-footer.gif) no-repeat;} #fpPremisesLift { position: relative; width: 428px; margin-bottom: 8px; height: 244px; overflow:hidden; } #infoArea { position: relative; width: 402px; padding:13px; background:#d30e8b; margin-bottom: 8px; height: 199px; padding-bottom:5px; overflow: hidden;} #infoArea h3,#infoArea h2,#infoArea h1,#infoArea h4 { font-size: 26px; color:#fff; font-weight:normal; margin-bottom:0.25em;} #infoArea p { color:#fff;} #infoArea a { position: relative; color:#fff; background:#64003c; padding: 5px; height: 1.25em; text-decoration: none;} #infoArea a:hover { text-decoration: underline;} #bannerWrapper { position: relative; width: 435px; height: 216px; margin:0; padding:0; top: -15px;} #bannerWrapper .banner { position: absolute; width:210px; height: 100px; margin:0;padding:0;} #bannerWrapper .align-left-top { left:0px; top:0px;} #bannerWrapper .align-right-top { right:0px; top:0px;} #bannerWrapper .align-left-bottom { left:0px; bottom:0px;} #bannerWrapper .align-right-bottom { right:0px; bottom:0px;} /* * ******** * SUBPAGE * ******** */ #leftColumn { float: left; } .leftCol-events { background:#c2d127; width: 214px; padding: 10px; padding-bottom: 50px; margin-right: 20px; } .leftCol-default { width: 338px; } #mediaHolder { position: relative; width: 311px; border:5px solid #d4d4d4; height: 174px; overflow; hidden;} #subnavigation { position: relative; width: 321px; top: 10px; padding-bottom: 20px;} #subnavigation ul { list-style-type: none;} #subnavigation li { padding-left: 5px; border-bottom: 1px solid #ececec; padding-bottom: 0.4em; margin-bottom: 0.4em;} #subnavigation li a { color:#bd3878; font-weight: bold; text-decoration: none;} #subnavigation li a#selected { color:#64003C;} #subnavigation a:hover { text-decoration: underline;} #subnavigation ul ul { margin-left: 1em; margin-top: 0.5em;} #subnavigation li li { border-bottom: none;} #subnavigation li li a { color:#000; font-size: 12px; font-weight: normal;} #rightColumn { float: left; padding-top: 20px;} .rightCol-default { width: 528px;} .rightCol-events { width: 603px;} #content { position: relative; } #content h1.pagetitle { color:#bd3878; font-size: 24px; font-weight: normal; margin-bottom: 1em;} /* links */ #content a { color:#bd3878;} /* lists */ #content ol, #content ul { margin-left: 2em;} #content ol ol, #content li li { margin-left: 1em;} #footer { position: relative; width: 873px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px;} #footer table { width: 600px; margin: 0 auto;} #footer h4 { color:#e5c828; font-weight: normal; display:inline; font-size: 16px;} #footer td { text-align: center;} #footer td.first { text-align: right;} #footer img { display:inline; vertical-align: middle;} #footer a img { border: none;} /*APK-14097 */ #leftColumnService { float: left; } .leftCol-defaultService { width: 300px; } #mediaHolderService { position: relative; width: 280px; border:5px solid #d4d4d4; height: 174px; overflow; hidden;} #subnavigationService { position: relative; width: 280px; top: 10px; padding-bottom: 20px;} #subnavigationService ul { list-style-type: none;} #subnavigationService li { padding-left: 5px; border-bottom: 1px solid #ececec; padding-bottom: 0.4em; margin-bottom: 0.4em;} #subnavigationService li a { color:#bd3878; font-weight: bold; text-decoration: none;} #subnavigationService li a#selected { color:#64003C;} #subnavigationService a:hover { text-decoration: underline;} #subnavigationService ul ul { margin-left: 1em; margin-top: 0.5em;} #subnavigationService li li { border-bottom: none;} #subnavigationService li li a { color:#000; font-size: 12px; font-weight: normal;} #rightColumnService { float: left; padding-top: 20px;} .rightCol-defaultService { width: 550px;} #contentService { position: relative; } #contentService h1.pagetitle { color:#bd3878; font-size: 24px; font-weight: normal; margin-bottom: 1em;} /* links */ #contentService a { color:#bd3878;} /* lists */ #contentService ol, #contentService ul { margin-left: 2em;} #contentService ol ol, #contentService li li { margin-left: 1em;} /* End APK-14097 */ /* * * Other templates * */ /* * Event Calendar * pagetemplates/org_event_calendar.vm * ************************************ */ .calendar_all { margin:5px 0; padding:0; width: 603px; border-collapse:collapse; } .calendar_all tr { border-bottom: 1px solid #efefef;} .event_headline td { background: #bd3878; color:#fff; font-size: 18px; border-top: 5px solid #fff; border-bottom:5px solid #fff; } .calendar_all td { padding:5px; } .no-hits { font-style: italic;} .hr { padding:0;} .calendar_all tr.even td { /* background: #efefef; */} #content .calendar_all a { color:#404040; text-decoration:none;} #content .calendar_all a:hover { text-decoration: underline;} .bordered td { border-bottom: 1px solid #dfdfdf;} .oneEvent h5 { color:#bd3878; font-size: 18px; font-weight:normal; } .oneEvent h4 { margin: 0.25em 0 0.5em 0; } .oneEvent div { position: relative; /* border-bottom:1px solid #dfdfdf; */ padding: 0.5em 0; margin-bottom: .25em;} .eventname { vertical-align: top;} .event-name { width: 53%; } .event-organizer { width: 20%; } .event-date, .event-organizer { font-size: 11px;} .event-date { text-align: right; width: 27%;} /* * Bulletins * pagetemplates/bulletins.jsp * ************************************ */ #bm { position: relative; width: 90%;} #bm #bulletinList ul { list-style-type:none; margin-left: 0;} #bm #bulletinList li { margin-bottom: 1em; border-bottom: 1px solid #dfdfdf; padding-bottom: 0.5em; margin-bottom: 0.5em;} #bm #bulletinList ul li span { display: block;} #bm #bulletinList ul li a { font-size: 14px; text-decoration: none;} #bm #bulletinList ul li a:hover { text-decoration: underline;} /* * Form Desginer * pagetemplates/formdesignerform.jsp * ************************************ */ #fd label { font-weight:bold; } #fd fieldset { border:1px solid #CCCCCC; margin:0 0 1.5em; padding:1.4em; clear:both;} #fd legend { font-size:12px; font-weight:bold; } #fd input[type="text"],#fd input[type="password"], #fd input.text, #fd input.title, #fd textarea, #fd select { background-color:#FFFFFF; border:1px solid #BBBBBB; width: 350px;} #fd input[type="text"]:focus,#fd input[type="password"]:focus,#fd input.text:focus,#fd input.title:focus, #fd textarea:focus,#fd select:focus { border-color:#666666;} #fd input[type="text"], #fd input[type="password"], #fd input.text, #fd input.title, #fd textarea, #fd select { margin:0.5em 0; } #fd .FormDesignerFieldTypeAddress input,#fd .FormDesignerFieldTypeText input,#fd .FormDesignerFieldTypeEmail input { padding:5px; width:240px; } #fd input.title { font-size:1.5em; } #fd textarea { height:180px; padding:5px; width:350px; } #fd input[type="checkbox"],#fd input[type="radio"],#fd input.checkbox,#fd input.radio { position:relative; top:0.25em; } #fd form.inline { line-height:3; } #fd form.inline p { margin-bottom:0; } #fd button,#fd .button { background-color:#BDCF23; border:medium none; color:#FFFFFF; cursor:pointer; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1em; font-weight:bold; line-height:1; padding:3px 8px; text-align:center; text-decoration:none; white-space:nowrap; } #fd .error,#fd .notice,#fd .success { border:2px solid #DDDDDD; margin-bottom:1em; padding:0.8em; } #fd .FormDesignerFieldTypeTextarea textarea { float:left; margin-right: 1em;} #fd strong, #fd b { color:#686868;} /* * 404 error * errorpages/404.jsp * ************************************ */ #error { width: 75%; margin: 0 auto; padding: 20px 0;}