/* This file is based on the ploneCustom.css.dtml shipped with Plone. (do not remove this) (not this either) */ /* YOUR CSS RULES START HERE */ /* THE WHOLE PAGE */ html { } body { background-color: #e6e6e7; padding: 0px; margin: 0px; background-color: #ffffff; font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; } form { margin: 0px; padding: 0px; border: 0px; } p { font-family: Arial; text-decoration: none; margin: 18px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #018ece; } p.heading { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Helvetica; font-size: 14px; color: #ffffff; } h1 { font-family: Arial; font-size: 18px; color: #344245; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; border-bottom: 2px dotted #cccccc; } h1 a { font-family: Arial; font-size: 18px; color: #344245; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; border-bottom: 2px dotted #cccccc; } h2 { margin: 12px 0px 0px 0px; border: 0px; } h2 a { font-family: Arial; font-size: 18px; color: #344245; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; border-bottom: 2px dotted #cccccc; } h3 { font-family: Arial; font-size: 14px; color: #344245; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; } h3 a { font-family: Arial; font-size: 14px; color: #344245; margin: 0px 0px 0px 0px; padding: 0px; width: 100%; } li { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #5f666c; } div.left_column_spacer { width: 100%; height: 42px; border-bottom: 2px dotted #cccccc; } .documentContent p { font-family: Arial; text-decoration: none; margin: 18px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #5f666c; } .documentContent a { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; font-size: 12px; font-weight: bold; color: #fa7705; } .documentContent a:link { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; font-size: 12px; font-weight: bold; color: #fa7705; } .documentContent a:visited { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; font-size: 12px; font-weight: bold; color: #fa7705; } .documentContent a:active { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; font-size: 12px; font-weight: bold; color: #fa7705; text-decoration: underline;} .documentContent a:hover { font-family: Arial; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px; border: 0px; font-size: 12px; font-weight: bold; color: #fa7705; text-decoration: underline;} .documentContent p a:visited { color: #fa7705; } /* PUBLIC PAGE CONTAINER */ div#whole_page { width: 900px; margin: 0px auto; padding: 0px; } /* PUBLIC MIDDLE SECTION */ div#mid_container { width: 900px; margin: 0px; padding: 0px; } /* PUBLIC HEADER */ div#header_container { width: 900px; height: 142px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; } div#header_upper { width: 900px; height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div#header_upper_left { width: 450px; height: 15px; margin: 0px; padding: 0px; float: left; } div#header_upper_right { width: 450px; height: 15px; margin: 0px; padding: 0px; float: right; } /* PERSONALTOOLS */ #portal-personaltools a { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #222222; } #portal-personaltools a:link { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #222222; } #portal-personaltools a:visited { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #222222; } #portal-personaltools a:active { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #222222; text-decoration: underline;} #portal-personaltools a:hover { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #222222; text-decoration: underline;} #portal-personaltools-wrapper { width: 450px; height: 15px; float: right; clear: right; margin: 0px 0px 0px 0px; } ul#portal-personaltools { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px 0px 0px 0px; background-color: transparent; text-align: right; text-transform: none; list-style: none; display: inline; } li.portalUser { display: inline; } li.personalbar { display: inline; } div#header_lower { width: 900px; height: 112px; background-image: url("../images/banner.gif"); background-repeat: no-repeat; background-position: bottom center; } div#header_lower_left { width: 450px; height: 112px; margin: 0px 0px 0px 0px; padding: 0px; float: left; } div#logo { width: 301px; height: 28px; margin: 20px 0px 0px 0px; padding: 0px; background-image: url("../images/mediaspaces_logo.gif"); background-repeat: no-repeat; background-position: bottom center; } a#link_logo { width: 301px; height: 28px; display: block; margin: 0px; padding: 0px; border: 0px; } a#link_logo:link { width: 301px; height: 28px; display: block; margin: 0px; padding: 0px; border: 0px; } a#link_logo:active { width: 301px; height: 28px; display: block; margin: 0px; padding: 0px; border: 0px; } a#link_logo:visited { width: 301px; height: 28px; display: block; margin: 0px; padding: 0px; border: 0px; } a#link_logo:hover { width: 301px; height: 28px; display: block; margin: 0px; padding: 0px; border: 0px; } div#header_lower_right { width: 450px; height: 112px; margin: 0px 0px 0px 0px; padding: 0px; float: right; } div#searchWrapper { width: 210px; height: 20px; margin: 30px 0px 0px 240px; padding: 0px 0px 0px 0px; } div#LSBox { width: 210px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div#portal-searchbox { width: 210px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } input#searchGadget { width: 145px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #fb7a00; background-image: none; border: 0px; color: #ffffff; } input.searchButton { width: 60px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #fb7a00; background-image: none; border: 0px; color: #ffffff; } /* PUBLIC CONTENT AREA */ div#content_container { background-image: url(&dtml-portal_url;/pikseliviiva.png); background-repeat: repeat-y; background-position: center; } div#content_spacer1 { width: 900px; height: 15px; margin: 0px 0px 0px 0px; padding: 0px; } div#content_spacer2 { width: 900px; height: 20px; margin: 0px 0px 0px 0px; padding: 0px; } div#content_texts { width: 900px; margin: 0px; padding: 0px; } div#content_texts_1 { width: 210px; margin: 0px; padding: 0px; float: left; } div#content_texts_margin1 { width: 40px; margin: 0px; padding: 0px; float: left; } div#content_texts_2 { width: 400px; margin: 0px; padding: 0px; float: left; } div#content_texts_margin2 { width: 40px; margin: 0px; padding: 0px; float: left; } div#content_texts_3 { width: 210px; margin: 0px; padding: 0px; float: right; } div.content_left_contact_us_heading { width: 210px; height: 28px; background-image: url(&dtml-portal_url;/harmaapalkki_210.gif); background-repeat: no-repeat; background-position: center center; } div.content_left_contact_us_block { width: 210px; margin: 12px 0px 0px 0px; } p.contact_us_small_heading { font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #222222; font-weight: bold; } p.contact_us_info { font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #222222; } a.content_left_contact_us_email_link {font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.content_left_contact_us_email_link:link {font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.content_left_contact_us_email_link:active {font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.content_left_contact_us_email_link:visited {font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } a.content_left_contact_us_email_link:hover {font-family: Helvetica; text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; color: #fb7a00; text-decoration: underline; } /* PUBLIC BOTTOM */ div#bottom { width: 900px; height: 10px; border-top: 1px solid #9e9e9e; } /* FOOTER */ div#footer_container { width: 900px; height: 15px; margin: 0px; padding: 0px 0 15px 0; } div#footer_left { width: 249px; height: 40px; margin: 0px; padding: 0px; float: left; } div#footer_mid { width: 401px; height: 40px; margin: 0px; padding: 0px; float: left; } div#footer_right { width: 250px; height: 40px; margin: 0px; padding: 0px; float: right; text-align: right; } a.footer { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; } a.footer:link { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; } a.footer:visited { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; } a.footer:active { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; text-decoration: underline;} a.footer:hover { font-family: Helvetica; text-decoration: none; margin: 0px; padding: 0px; font-size: 11px; color: #6c6c6c; text-decoration: underline;} a.footer_image_links { border: 0px; } a.footer_image_links:link { border: 0px; } a.footer_image_links:visited { border: 0px; } a.footer_image_links:active { border: 0px; } a.footer_image_links:hover { border: 0px; } img.footer_image_links { border: 0px; } /* Navigation styles */ /*dd { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeItem a { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeItem a:link { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeItem a:visited { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeItem a:active { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeItem a:hover { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeCurrentItem a { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeCurrentItem a:link { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeCurrentItem a:visited { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeCurrentItem a:active { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .navTreeCurrentItem a:hover { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } */ dd.portletFooter { background-color: none; margin: 0px; padding: 0px; border: 0px; } .portletItem { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem a { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem a:link { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem a:visited { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem a:active { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dd.portletItem a:hover { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; background-color: White; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet a { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet a:link { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet a:visited { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet a:active { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } dl.portlet a:hover { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; font-weight: normal; line-height: 16px; color: #ffffff; background-color: #fb7a00; list-style: none; text-decoration: none; text-transform: uppercase; } .portletHeader { background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; text-transform: lowercase; font-weight: normal; line-height: 16px; } /* YOUR CSS RULES STOP HERE */ /* */ /* Latest version of the documentation on pre-defined properties from Plone can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */