<%@ page contentType="text/css" %><% boolean isNS4 = false; boolean isMac = false; int base=7; String ua=request.getHeader("User-Agent"); if ( ua.startsWith("Mozilla/4") && ua.indexOf("MSIE")==-1 ) { // Assume this is Netscape 4.x isNS4 = true; } if ( ua.indexOf("Mac")!=-1 ) { isMac = true; } int brandId = -1; try { brandId = Integer.parseInt(request.getParameter("brand_id")); } catch ( Exception e ) {}; %> <%-- These classes work ok in any browser --%> <%-- This makes images behave with DOCTYPE HTML4 --%> <%-- img { padding: 0; margin: 0; border: 0; display: inherit } --%> /* ------------------------------------ */ /* Default text styles */ body, .normalText, TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; } .* B { font-weight: bold; } A { text-decoration: underline; color: #333333; } A:hover { color: #FF0000; } /* ------------------------------------ */ /* Basic form elements */ SELECT, INPUT, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } /* ------------------------------------ */ /* Top menu */ body.topMenuPage { background-color: #CCCCCC; } TABLE.topMenuContainer { background-color: #B2B2B2; border-spacing: 0; padding: 0px; } TABLE.topMenuContainer TD { padding: 0px 15px 0px 15px; } TABLE.topMenu { font-family: Arial; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666666; } TABLE.topMenu TD { padding: 0px 5px; } TABLE.topMenu A { color: #333333; text-decoration: none; } TABLE.topMenu TD.selected { color: #FFFFFF; background-color: #888888; } /* ------------------------------------ */ /* Left menu */ body.leftMenuPage { margin: 20px 5px; background-color: #F7F1E2; } TABLE.leftMenu { font-family: Arial; font-size: 11px; color: #000000; padding: 0px; border-spacing: 0px; } TABLE.leftMenu TD { padding: 0px; } TABLE.leftMenu A { color: #000000; text-decoration: none; } TABLE.leftMenu A:hover { color: #FF0000; } TABLE.leftMenu .container { font-weight: bold; text-transform: uppercase; color: #000000; font-size: 11px; } TABLE.leftMenu A.breakpoint { font-weight: normal; color: #000000; } TABLE.leftMenu A.folder { font-weight: bold; text-transform: uppercase; font-size: 11px; } /* ------------------------------------ */ /* Main page headline styles */ .pageHeadline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } .subHeadline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .label { font-weight: bold; } /* Used when displaying ad info (admaker, booking info etc) */ .adName { font-size: 12px; font-weight: bold; } /* This is used instead of the reseller dd when a user only has one reseller */ .resellerName { font-weight: bold; } /* This is for links with the "->" link indicator before */ A.navLink { font-weight: bold; color: #333333; } /* ------------------------------------ */ /* Login page */ TABLE.loginBox { background-color: #999999; padding: 0px; border-spacing: 1px; } TABLE.loginBox TH { background-color: #E6DECD; padding: 5px 25px; color: #333333; } TABLE.loginBox TD { background-color: #F6F2DE; padding: 2px 25px; } TABLE.loginBox .formLabel { font-weight: normal; } TABLE.loginBox .failMessage { font-weight: bold; color: red; } /* ------------------------------------ */ /* Page header (nav, help etc) */ TABLE.pageHeader TD { padding: 2px 0px; border-bottom: 1px solid #999999; } TABLE.pageHeader .nav { } TABLE.pageHeader A.nav { text-decoration: none; font-weight: bold; color: #333333; } /* ------------------------------------ */ /* AdMaker form styles */ .newsHeadline { font-size: 11px; font-weight: bold; } .newsText { font-size: 10px; } A.newsLink { font-size: 10px; font-weight: bold; color: #333333; } /* ------------------------------------ */ /* AdMaker form styles */ .adMakerFormHeadline { font-size: 14px; font-weight: bold; } TABLE.adMakerForm TD.mainGroupHead { padding: 5px 5px; background-color: #392483; color: #FFFFFF; font-size: 11px; font-weight: bold; } /* TABLE.adMakerForm TR.groupHead TD, */ TABLE.adMakerForm TD.groupHead { padding: 2px 5px; background-color: #D3D3B5; font-weight: bold; } /* TABLE.adMakerForm TR.group TD, */ TABLE.adMakerForm TD.group { border-top: 1px solid #3B2786; background-color: #E4E3C5; } /* ------------------------------------ */ /* Archive category list styles */ .archiveListPageHeadline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } .archiveListPagination { font-weight: bold; } .archiveListNoMatchesMessage { font-weight: bold; } /* ------------------------------------ */ /* Wait page style classes */ .waitPageHeadline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } .waitPageErrorMessage { font-weight: bold; font-size: 12px; color: #EE0000; } .waitPageDoneMessage { font-size: 12px; font-weight: bold; } /* ------------------------------------ */ /* Form style classes */ .formGroupLabel { font-size: 12px; font-weight: bold; } .formText { } .formLabel { font-weight: bold; } .formLabelAttention { font-weight: bold; color: #EE0000; } .formErrorMessage { font-weight: bold; color: #EE0000; } .formHint { font-style: italic; } /* ------------------------------------ */ /* Category index page styles */ .categoryIndexHeadline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } A.categoryIndexLink { color: #333333; text-decoration: none; } .categoryIndexContainer { font-weight: bold; text-transform: uppercase; color: #000000; } A.categoryIndexFolder { font-weight: bold; text-transform: uppercase; color: #000000; } /* ------------------------------------ */ /* File archive list page styles */ .fileListHeadline { font-size: 14px; font-weight: bold; } .fileListDescription { } .fileListPagination { font-size: 12px; font-weight: bold; } .fileListPaginationTotal { font-size: 12px; font-weight: normal; } .fileName, .fileNameDisabled { font-size: 12px; font-weight: bold; } .fileNameDisabled { color: #FF0000; } .fileDescription { } .fileDownloadHeadline { } .filePlatform { font-weight: bold; } A.fileDownload { font-weight: bold; color: #666666; } .fileSize { } /* ------------------------------------ */ /* File forward form page styles */ TABLE.forwardFileList { padding: 0px 2px; } TABLE.forwardFileList .forwardFilename { font-weight: bold; } .forwardFormPreview { font-weight: bold; } .forwardReceiptRecipient { font-weight: bold; } /* ------------------------------------ */ /* Data table (e.g. booking or ad info) */ TABLE.dataTable TD, TABLE.headedBox TABLE.dataTable TD { padding: 2px; } TABLE.dataTable TD.importantInfo { background-color: #FFFFCC; font-weight: bold; font-size: 12px; } /* ------------------------------------ */ /* Booking reminders etc. */ TABLE.reminderBox { border: 1px solid #000000; background-color: #FFFFCC; } TABLE.reminderBox TD { padding: 5px; } TABLE.reminderBox TABLE TD { padding: 2px; } TABLE.reminderBox TR.even { background-color: #E4E3C5; } TABLE.reminderBox .headline { font-size: 12px; font-weight: bold; } /* ------------------------------------ */ /* Form errors, internal errors etc. */ TABLE.errorBox { background-color: #BB2200; border: 2px solid #000000; color: #FFFFFF; font-weight: bold; } TABLE.errorBox TD { padding: 5px; vertical-align: middle; } TABLE.errorBox .headline { font-size: 13px; font-weight: bold; color: #FFFFFF; padding: 0px 0px 5px 0px; } TABLE.errorBox A { text-decoration: underline; font-weight: bold; color: #CCCCCC; } TABLE.errorBox A:hover { color: #FFFF00; } /* ------------------------------------ */ /* Box with header for welcome.jsp etc. */ TABLE.headedBox { border-spacing: 0px; border: 1px solid #999999; } TABLE.headedBox TH { background-color: #8899C1; padding: 2px 5px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #999999; } TABLE.headedBox TD { padding: 5px 5px; background-color: #F2F4F9; } TABLE.headedBox TABLE TD { padding: 5px 5px; } TABLE.headedBox A { text-decoration: none; color: #666666; font-weight: bold; } TABLE.headedBox A:hover { color: #FF0000 } /* ------------------------------------ */ /* Box with header for welcome.jsp etc. */ TABLE.searchForm, TABLE.filterSettings, TABLE.userSettings { background-color: #E2EFD1; border: 1px solid #999999; } TABLE.searchForm TD, TABLE.filterSettings TD, TABLE.userSettings TD { padding: 5px; } TABLE.searchForm TH { background-color: #828F71; padding: 2px 5px; color: #FFFFFF; font-weight: bold; } TABLE.searchForm TABLE.tight TD { padding: 0px; } /* ------------------------------------ */ /* Box with header for welcome.jsp etc. */ TABLE.calendar { background-color: #999999; padding: 0px; } TABLE.calendar TD { background-color: #F2F4F9; } TABLE.calendar TD.border { background-color: #999999; } TABLE.calendar A { text-decoration: none; color: #999999; font-weight: bold; } TABLE.calendar A:hover { color: #FF0000 } TABLE.calendar TD.selected { background-color: #8899C1; color: #FFFFFF; font-weight: bold; } /* ------------------------------------ */ /* Box with header for welcome.jsp etc. */ TABLE.activityPlan, TABLE.activityPlan TD.border, TABLE.campaignPlan, TABLE.campaignPlan TD.border { background-color: #999999; } TABLE.activityPlan TH, TABLE.campaignPlan TH { background-color: #FFFFFF; padding: 2px 5px; } TABLE.activityPlan TH TABLE, TABLE.campaignPlan TH TABLE { font-weight: bold; color: #999999; } TABLE.activityPlan TH.tight, TABLE.campaignPlan TH.tight { padding: 0px; } TABLE.activityPlan TD, TABLE.campaignPlan TD { padding: 2px 5px; } TABLE.activityPlan TABLE TD, TABLE.campaignPlan TABLE TD { padding: 0px; } TABLE.activityPlan TR.activityGroupHead TD.shim, TABLE.campaignPlan TR.campaignGroupHead TD.shim { background-color: #FFFFFF; padding: 0px; } TABLE.activityPlan TR.activityGroupHead TD, TABLE.campaignPlan TR.campaignGroupHead TD { background-color: #8899C1; color: #FFFFFF; font-weight: bold; } TABLE.activityPlan TR.noActivities TD, TABLE.activityPlan TR.activity TD, TABLE.campaignPlan TR.noCampaigns TD, TABLE.campaignPlan TR.campaign TD { background-color: #F2F4F9; } TABLE.activityPlan TR.noActivities TD, TABLE.campaignPlan TR.noCampaigns TD { font-style: italic; } TABLE.activityPlan TR.activity TD, TABLE.campaignPlan TR.campaign TD { padding: 0px 5px; } TABLE.activityPlan TR.activity TD.week, TABLE.campaignPlan TR.campaign TD.week { background-color: none; padding: 0px; } TABLE.activityPlan TR.activity TABLE TD, TABLE.campaignPlan TR.campaign TABLE TD { padding: 0px; } TABLE.activityPlan TR.activity TD.activityName, TABLE.campaignPlan TR.campaign TD.campaignName { text-decoration: none; color: #666666; font-weight: bold; padding: 0px; } TABLE.activityPlan TR.activity TD.activityName A, TABLE.campaignPlan TR.campaign TD.campaignName A { text-decoration: none; color: #666666; font-weight: bold; } /* ------------------------------------ */ /* Box with header for welcome.jsp etc. */ TABLE.adminList { background-color: #999999; padding: 0px; border-spacing: 1px; } TABLE.adminList TABLE TH, TABLE.adminList TABLE TD { padding: 0px; background-color: transparent; } TABLE.adminList TH { background-color: #8899C1; padding: 2px 5px; color: #FFFFFF; font-weight: bold; border: none; } TABLE.adminList TR.subHeaders TH { background-color: #F2F4F9; color: black; font-weight: bold; } TABLE.adminList TD { padding: 2px 5px; background-color: #F2F4F9; } TABLE.adminList TR.disabled TD { color: #999999; font-decoration: line-through; } TABLE.adminList TR.sum TD { border-top: 2px solid black; font-weight: bold; } TABLE.adminList TD.objectKey { text-decoration: none; color: #666666; font-weight: bold; } TABLE.adminList TD.objectKey A { text-decoration: none; color: #666666; font-weight: bold; } TABLE.adminList .noMatchMessage { font-style: italic; } /* ------------------------------------ */ /* Box for admin forms */ TABLE.adminForm { border: 1px solid #999999; } TABLE.adminForm TH { background-color: #8899C1; padding: 2px 5px; color: #FFFFFF; font-weight: bold; } TABLE.adminForm TD { padding: 5px 5px; background-color: #F2F4F9; } TABLE.adminForm TABLE TD { padding: 5px 5px; } TABLE.adminForm TR.important TD { background-color: #FFFFCC; } TABLE.adminForm TABLE.group TD { padding: 2px 2px; } TABLE.adminForm TABLE.tight TD { padding: 0px 0px; } TABLE.adminForm TR.buttons TD { /* background-color: #FFFFFF; */ text-align: right; text-valign: bottom; border-top: 1px solid #999999; } /* ------------------------------------ */ /* Admin list for Content Management */ TABLE.cmAdminList { background-color: #999999; padding: 0px; border-spacing: 1px; } TABLE.cmAdminList TABLE TD { padding: 0px; } TABLE.cmAdminList TH { background-color: #8899C1; padding: 2px 5px; color: #FFFFFF; font-weight: bold; border: none; } TABLE.cmAdminList TD { padding: 2px 5px; background-color: #F2F4F9; } TABLE.cmAdminList A.cmDocument { font-weight: normal; color: blue; } TABLE.cmAdminList A.container { font-weight: bold; color: blue; } TABLE.cmAdminList A:hover { color: red; } <%-- Override /ms styles for facelift --%> .ccategory { font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; } A.dcategory { font-style: normal; font-weight: bold; color: #333333; text-decoration: none; font-size: 9px; } .title { } <% if ( brandId==1 ) { %> <%-- Volvo override --%> body.topMenuPage { background-color: #CCCCCC; } body.leftMenuPage { background-color: #F7F1E2; } TABLE.dataTable TD.importantInfo { background-color: inherit; } TABLE.reminderBox { background-color: #FFFFCC; } TABLE.reminderBox TR.even { background-color: #E4E3C5; } TABLE.searchForm, TABLE.filterSettings, TABLE.userSettings { background-color: #E1E1E1; } TABLE.searchForm TH { background-color: #C7C7C7; color: #333333; } TABLE.headedBox TH, TABLE.calendar TD.selected, TABLE.activityPlan TR.activityGroupHead TD, TABLE.campaignPlan TR.campaignGroupHead TD, TABLE.adminList TH, TABLE.adminForm TH { background-color: #E5DECD; color: #333333; } TABLE.headedBox TD, TABLE.calendar TD, TABLE.activityPlan TR.noActivities TD, TABLE.activityPlan TR.activity TD, TABLE.campaignPlan TR.noCampaigns TD, TABLE.campaignPlan TR.campaign TD, TABLE.adminList TR.subHeaders TH, TABLE.adminList TD, TABLE.adminForm TD { background-color: #F7F1E2; } TABLE.adminForm TR.important TD { background-color: #FFFFAA; } <% } else if ( brandId==2 ) { %> <%-- Renault override --%> body.topMenuPage { background-color: #FFD700; } body.leftMenuPage { background-color: #E9E9E9; } TABLE.dataTable TD.importantInfo { background-color: inherit; } TABLE.reminderBox { background-color: #FFFFCC; } TABLE.reminderBox TR.even { background-color: #E4E3C5; } TABLE.searchForm, TABLE.filterSettings, TABLE.userSettings { background-color: #E9E9E9; } TABLE.searchForm TH { background-color: #C7C7C7; color: #333333; } TABLE.headedBox TH, TABLE.calendar TD.selected, TABLE.activityPlan TR.activityGroupHead TD, TABLE.campaignPlan TR.campaignGroupHead TD, TABLE.adminList TH, TABLE.adminForm TH { background-color: #8899C1; // background-color: #4A619C; color: #FFFFFF; } TABLE.headedBox TD, TABLE.calendar TD, TABLE.activityPlan TR.noActivities TD, TABLE.activityPlan TR.activity TD, TABLE.campaignPlan TR.noCampaigns TD, TABLE.campaignPlan TR.campaign TD, TABLE.adminList TR.subHeaders TH, TABLE.adminList TD, TABLE.adminForm TD { background-color: #F2F4F9; } TABLE.adminForm TR.important TD { background-color: #FFFFAA; } <% } else if ( brandId==5 ) { %> <%-- Servicemarknad override --%> body.topMenuPage { background-color: #CCCCCC; } body.leftMenuPage { background-color: #D8DED2; } TABLE.dataTable TD.importantInfo { background-color: inherit; } TABLE.reminderBox { background-color: #FFFFCC; } TABLE.reminderBox TR.even { background-color: #E4E3C5; } TABLE.searchForm, TABLE.filterSettings, TABLE.userSettings { background-color: #E1E1E1; } TABLE.searchForm TH { background-color: #C7C7C7; color: #333333; } TABLE.headedBox TH, TABLE.calendar TD.selected, TABLE.activityPlan TR.activityGroupHead TD, TABLE.campaignPlan TR.campaignGroupHead TD, TABLE.adminList TH, TABLE.adminForm TH { background-color: #E5DECD; color: #333333; } TABLE.headedBox TD, TABLE.calendar TD, TABLE.activityPlan TR.noActivities TD, TABLE.activityPlan TR.activity TD, TABLE.campaignPlan TR.noCampaigns TD, TABLE.campaignPlan TR.campaign TD, TABLE.adminList TR.subHeaders TH, TABLE.adminList TD, TABLE.adminForm TD { background-color: #F7F1E2; } TABLE.adminForm TR.important TD { background-color: #FFFFAA; } <% } // end servicemarknad override %> <%-- Everything below this is deprecated --%> .rubrik { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+6 %>pt; font-weight: bold } .underrubrik { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+4 %>pt; font-weight: bold } .underrubrik2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+5 %>pt; font-weight: bold } td.KvCell { background-color: #CCCCCC; text-align: center } td.HeadercellLeft { background-color: #3B2786; text-align: left; height: 13pt; } td.HeadercellCenter { background-color: #3B2786; text-align: center; height: 13pt; } td.HeadercellRight { background-color: #3B2786; text-align: right; height: 13pt; } td.CellLeft { background-color: #FFFFFF; text-align: left; height: 13pt; } td.CellCenter { background-color: #FFFFFF; text-align: center; height: 13pt; } td.CellRight { background-color: #FFFFFF; text-align: right; height: 13pt; } .SkapaAnnonsTxtFalt { width: 250pt } table.TableNote { background-color: #FFFFCC; clip: rect( ) } td.TableNoteRow { background-color: #E4E3C5; } <% // ----------------------------------------------------------------------------------------------- // These classes need to be enlarged for netscape 4.7 (and even more for NS4 Mac) if ( isNS4 ) { base ++; if ( isMac ) { base ++; } } %> .brodtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: normal; text-decoration: none; } .brodtextDisabled { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; color: #999999; } .brodtextFet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold } A.LankBrodtextFet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold; color: #010099; text-decoration: none } .formbrodtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt } .rubrik2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold } .HeaderTxtFet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold; color: #FFFFFF } .Kampanj-vecka { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold; color: #999999 } .KvTxtFet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold; color: #999999 } .HeaderTxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: normal; color: #FFFFFF } A.HeaderTxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: normal; color: #FFFFFF text-decoration: none; } A.NavLankBrodtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; color: #666666 } A.NavLankBrodtext:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; color: #FF0000 } .bokningsnummer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+2 %>pt; font-weight: bold } .headline { font-family: Arial, Helvetica, sans-serif; font-size: <%= base + 6 %>pt; font-style: normal; font-weight: bold; color: #000000; } .normalHeadline { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: <%= base + 2 %>pt; font-style: normal; font-weight: bold; color: #000000; } .greyHeadline { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: <%= base + 2 %>pt; font-style: normal; font-weight: bold; color: #999999; } .nameheadline { font-family: Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: bold; color: #999999; } .weekheadline { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: normal; color: #999999; } A.weekheadline { text-decoration:none; } A.weekheadline:hover { color: #ff0000; text-decoration: underline; } .monthheadline { font-family: Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; color: #999999; } .yearheadline { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: bold; color: #999999; } A.yearheadline { text-decoration: none; } A.yearheadline:hover { color: #ff0000; text-decoration: underline; } .selectedyearheadline { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: bold; color: #333333; } A { font-family: Verdana,Arial,Helvetica, sans-serif; font-size: <%= base %>pt; font-style: normal; font-weight: bold; text-decoration: none; color: #000099; } A:hover { color: #CC0000; } .category { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+1 %>pt; font-style: normal; font-weight: normal; color: #050050; text-decoration: none; } .categoryBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+1 %>pt; font-weight: bold; text-decoration: none; color: #000000; } .admakerSearchDD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; } .admakerSortDD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; } /* overridden .adName { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base+1 %>pt; font-weight: bold; text-decoration: none; color: #000000; } */ <%-- Please use those instead of the bloody body-tag parameters --%> body.printPage, body.infoPage, body.waitPage, body.work { margin-left: 35px; margin-top: 8px; background-color: white; } body.waitPage { text-align: center; background-color: white; } body.categoryIndexPage { margin: 0px; background-color: white; } DIV.pageInstructions { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: <%= base %>pt; font-weight: bold; background-color: #FFFFCC; margin-left: 5px; margin-top: 5px; }