body { scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #666666; scrollbar-arrow-color: #6699CC; scrollbar-base-color: #DDDDDD; scrollbar-shadow-color: #CCCCCC; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px font-family: Verdana, Arial, Helvetica, sans-serif; } .a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333} .a A:link { color: #008738; font-weight: bold; text-decoration: none} .a A:hover { color: #6699CC; text-decoration: none} .a A:visited { color: #660099; font-weight: bold; text-decoration: none} .level1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-image: url('http://www.petro-canada.ca/images_misc/ln-dark-bg.gif');} .level1 A:link { color: #333333; text-decoration: none} .level1 A:visited { color: #333333; text-decoration: none} .level1 A:hover { color: #333333; text-decoration: underline} .level1a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333;} .level1a A:link { color: #333333; text-decoration: none} .level1a A:visited { color: #333333; text-decoration: none} .level1a A:hover { color: #333333; text-decoration: underline} .level1left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-image: url('http://www.petro-canada.ca/images_misc/ln-dark-left.gif');} .level1right { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333; background-image: url('http://www.petro-canada.ca/images_misc/ln-dark-right.gif');} .level2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738; background-image: url('http://www.petro-canada.ca/images_misc/ln-med-bg.gif');} .level2 A:link { color: #008738; text-decoration: none} .level2 A:visited { color: #008738; text-decoration: none} .level2 A:hover { color: #008738; text-decoration: underline} .level2a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738;text-indent: 12pt;} .level2a A:link { color: #008738; text-decoration: none} .level2a A:visited { color: #008738; text-decoration: none} .level2a A:hover { color: #008738; text-decoration: underline} .level2left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738; background-image: url('http://www.petro-canada.ca/images_misc/ln-med-left.gif');} .level2right { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738; background-image: url('http://www.petro-canada.ca/images_misc/ln-med-right.gif');} .level3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC; background-image: url('http://www.petro-canada.ca/images_misc/ln-light-bg.gif');} .level3 A:link { color: #6699CC; text-decoration: none} .level3 A:visited { color: #6699CC; text-decoration: none} .level3 A:hover { color: #6699CC; text-decoration: underline} .level3a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC;text-indent: 25pt;} .level3a A:link { color: #6699CC; text-decoration: none} .level3a A:visited { color: #6699CC; text-decoration: none} .level3a A:hover { color: #6699CC; text-decoration: underline} .level3left { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC; background-image: url('http://www.petro-canada.ca/images_misc/ln-light-left.gif');} .level3right { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC; background-image: url('http://www.petro-canada.ca/images_misc/ln-light-right.gif');} .searchbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: White; border-color: #999999 #666666 #666666 #999999; border-top:1px solid; border-bottom: 2px solid; border-left: 1px solid; border-right: 2px solid; width: 120px;} .formstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; background-color: #FFFFFF} .topspacer { font-family: "Courier New", Courier, mono; font-size: 5px} .pageheader-db { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 28px; color: #008738; font-weight: normal} .pageheader-wh { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #008738; font-weight: bold} .pageheader-lb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #008738; font-weight: bold} .pageheader-mb { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #008738; font-weight: normal} .pageheader-mb A:link { color: #6699CC; text-decoration: none;} .pageheader-mb A:hover { color: #6699CC; text-decoration: underline;} .pageheader-mb A:visited { color: #6699CC; text-decoration: none;} .tablink { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #FFFFFF} .tablink A:link { color: #FFFFFF; text-decoration: none} .tablink A:hover { color: #FFFFFF; text-decoration: underline} .tablink A:visited { color: #FFFFFF; text-decoration: none} .tablinkcurrent { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #FFFFFF; text-decoration: underline;} .tablinkcurrent A:link { color: #FFFFFF; text-decoration: underline;} .tablinkcurrent A:hover { color: #FFFFFF; text-decoration: underline;} .tablinkcurrent A:visited { color: #FFFFFF; text-decoration: underline;} .toplinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #008738; font-weight: bold; text-decoration: none} .toplinks A:link { color: #008738; text-decoration: none} .toplinks A:hover { color: #008738; text-decoration: underline} .toplinks A:visited { color: #008738; text-decoration: none} .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none} .footer A:link { color: #FFFFFF; text-decoration: none} .footer A:hover { color: #FFFFFF; text-decoration: underline} .footer A:visited { color: #FFFFFF; text-decoration: none} .bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #CC0000} .bodytext A:link { color: #CC0000; font-weight: bold} .bodytext A:hover { color: #CC0000; } .bodytext A:visited { color: #CC0000; font-weight: bold} .bodytext-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333} .bodytext-s A:link { color: #008738; font-weight: bold} .bodytext-s A:hover { color: #6699CC} .bodytext-s A:visited { color: #660099; font-weight: bold} .whitetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF} .whitetext A:link { color: #FFFFFF; font-weight: bold} .whitetext A:hover { color: #FFFFFF} .whitetext A:visited { color: #FFFFFF} .whitetext-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF} .whitetext-s A:link { color: #FFFFFF; font-weight: bold} .whitetext-s A:hover { color: #FFFFFF} .whitetext-s A:visited { color: #FFFFFF; text-decoration: none; font-weight: bold} .bodytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #008738; font-weight: bold} .bodytitle A:link { color: #008738} .bodytitle A:hover { color: #6699CC; text-decoration: underline} .bodytitle A:visited { color: #660099} .lightbodytitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #6699CC; font-weight: bold} .lightbodytitle A:link { color: #6699CC} .lightbodytitle A:hover { color: #89B8E6; text-decoration: underline} .lightbodytitle A:visited { color: #660099; text-decoration: none} .bluebold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .bluebold A:link { color: #000000 } .bluebold A:hover { color: #000000 } .bluebold A:visited { color: #000000 } .redbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000} .searchtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC0000} .searchtitle A:link { color: #CC0000; text-decoration: none} .searchtitle A:hover { color: #CC0000; text-decoration: underline} .searchtitle A:visited { color: #CC0000; text-decoration: none; font-weight: bold} .bluebold-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738} .bluebold-s A:link { color: #008738; text-decoration: underline} .bluebold-s A:hover { color: #6699CC; text-decoration: underline} .bluebold-s A:visited { color: #660099; text-decoration: underline} .bluetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .bluetext A:link { color: #000000; text-decoration: none} .bluetext A:hover { color: #000000; text-decoration: underline} .bluetext A:visited { color: #000000; text-decoration: none} .redtext-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000} .redtext-s A:link { color: #CC0000; text-decoration: none} .redtext-s A:hover { color: #CC0000; text-decoration: underline} .redtext-s A:visited { color: #CC0000; text-decoration: none} .bluetext-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #008738} .bluetext-s A:link { color: #008738; text-decoration: none} .bluetext-s A:hover { color: #6699CC; text-decoration: underline} .bluetext-s A:visited { color: #660099; text-decoration: none} .crumbstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738} .crumbstyle A:link { color: #008738; text-decoration: none} .crumbstyle A:hover { color: #6699CC; text-decoration: underline} .crumbstyle A:visited { color: #008738; text-decoration: none} .smallcrumbstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #008738} .smallcrumbstyle A:link { color: #008738; text-decoration: none} .smallcrumbstyle A:hover { color: #6699CC; text-decoration: underline} .smallcrumbstyle A:visited { color: #008738; text-decoration: none} .lightbluebold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #6699CC} .lightbluebold A:link { color: #6699CC; text-decoration: none} .lightbluebold A:hover { color: #89B8E6; text-decoration: underline} .lightbluebold A:visited { color: #660099; text-decoration: none} .lightbluetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #6699CC} .lightbluetext A:link { color: #6699CC; text-decoration: none} .lightbluetext A:hover { color: #89B8E6; text-decoration: underline} .lightbluetext A:visited { color: #660099; text-decoration: none} .lightbluetext-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6699CC} .lightbluetext-s A:link { color: #6699CC; text-decoration: none} .lightbluetext-s A:hover { color: #89B8E6; text-decoration: underline} .lightbluetext-s A:visited { color: #660099; text-decoration: none} .lightbluebold-s { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC} .lightbluebold-s A:link { color: #6699CC; text-decoration: underline} .lightbluebold-s A:hover { color: #89B8E6; text-decoration: underline} .lightbluebold-s A:visited { color: #660099; text-decoration: underline} .tabtitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold} .tabtitle A:link { color: #FFFFFF; text-decoration: none} .tabtitle A:hover { color: #FFFFFF; text-decoration: underline} .tabtitle A:visited { color: #FFFFFF; text-decoration: none} .tabtitlesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;} .tabtitlesmall A:link { color: #FFFFFF} .tabtitlesmall A:hover { color: #FFFFFF} .tabtitlesmall A:visited { color: #FFFFFF} .leftnav-darkgrey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333} .leftnav-darkgrey A:link { color: #333333; text-decoration: none} .leftnav-darkgrey A:visited { color: #333333; text-decoration: none} .leftnav-darkgrey A:hover { color: #333333; text-decoration: underline} .leftnav-lightblue { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #6699CC} .leftnav-lightblue A:link { color: #6699CC; text-decoration: none} .leftnav-lightblue A:visited { color: #6699CC; text-decoration: none} .leftnav-lightblue A:hover { color: #6699CC; text-decoration: underline} .leftnav-darkblue { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738} .leftnav-darkblue A:link { color: #008738; text-decoration: none} .leftnav-darkblue A:visited { color: #008738; text-decoration: none} .leftnav-darkblue A:hover { color: #008738; text-decoration: underline} .sidebar { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #008738; text-decoration: underline} .sidebar A:link { color: #008738; text-decoration: underline} .sidebar A:visited { color: #008738; text-decoration: underline} .sidebar A:hover { color: #008738; text-decoration: underline} .newshdln { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold} .newshdln A:link { color: #008738; text-decoration: none} .newshdln A:visited { color: #008738; text-decoration: none} .newshdln A:hover { color: #6699CC; text-decoration: underline} .reddot { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #0000BF} .indent {text-indent: 25pt;} li { list-style-image: url('/eng/images/red-bullet.gif'); } ul li { list-style-image: url('/eng/images/red-bullet.gif'); } ul ul li { list-style-image: url('/eng/images/red-bullet-sm.gif'); } ul ul ul li { list-style-image: url('/eng/images/red-bullet-smsm.gif'); } form {margin: 0px; padding: 0px;} table.surveyTable { padding: 1px 1px 1px 1px; border: 0px; margin: 1px; } tb.surveyQuestionSpacer{ height: 4px; } .SearchText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; } .searchRowOdd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; } .ssinput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #FFFFFF; } .ssbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #FFFFFF; background-color: #000000; border-color: #0033CC #000099 #000099 #003399; } .AdminHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; } .AdminLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; } .adminNav { background-color: #FFFFFF; } .adminDetail { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000033; } .detailLabel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; } .appTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: 700; color: #FFFFFF; } .topLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; font-weight: 700; text-decoration: none; } .tableTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: 700; color: #000066; } .tableHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: 700; color: #FFFFFF; background-color: #000066; } .tableRowOdd { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; } .tableRowEven { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #FFFF66; } .surveyBody { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #003366; background-color: White; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .surveyLabel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: 700; color: #000000; } .surveyInput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; background-color: #FFFFFF; border-color: #CCCCCC #CCCCCC #CCCCCC #AAAAAA; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .surveyButton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #012363; background-color: #CCCCCC; border-color: #666666 #666666 #666666 #333333; border-style: outset; cursor: hand; } .surveyAnswer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: 400; color: #000000; text-indent: 5%; } .surveyMessage { color: Red; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: bold; } .pageHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: 700; color: #008738} .surveyInstruction { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; font-style: normal; font-weight: bold; } .groupInstruction { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #008738; font-style: normal; font-weight: bold;} .pageSubHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; color: #008738} .surveyWelcome { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: 700; color: #008738} .tableGraph { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000 ; background-color: #FFFFFF; } .surveyPickAnswer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: 700; color: #000000; } .radio1 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio2 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio3 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio4 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio5 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio6 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radiona {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio7 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radio8 {background-color: #CCCCCC; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #000000; } .surveyRowOdd { font-size: x-small; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; } .surveyRowEven { font-size: x-small; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #e8e8e8; text-decoration: none; } .radioOdd {background-color: #FFFFFF; font-weight: normal; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; } .radioEven {background-color: #E8E8E8; font-weight: normal; font-size: xx-small; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; } .stdrow { background-color: #C30023; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; } .menutitle { background-color: #FDCC0F; font : bold x-small Verdana, Arial, Helvetica, sans-serif; color: #012363; } .menuitem { background-color: #FDCC0F; font : bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #012363; } .menuselect { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #012363; background-color: #CCFFFF; } .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #FFFFFF; background-color: Red; border-color: #0033CC #000099 #000099 #003399; } .menuquestion { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #012363; font-style: normal; font-weight: bold; } .menuinstruction { background-color: #FDCC0F; font : italic bold xx-small Verdana, Arial, Helvetica, sans-serif; color: #012363; } .menutable { background: #FDCC0F; } .largepickquestion {font-weight: bold; font-size: x-small; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; } .largepickquestionradio {font-size: x-small; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; } .largepickquestionanswer {font-size: x-small; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: white; text-decoration: none; } .canceltext { background-color: #FFFFFF; font : bold small Verdana, Arial, Helvetica, sans-serif; color: #012363; font-style: italic; } .verticalquestion { background-color: #FFFFFF; font : bold x-small Arial, Helvetica, sans-serif; color: #000000; } .wrapupoddrow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; background-color: #FFFFFF; font-weight: bold; } .wrapupevenrow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; background-color: #FFFFFF; font-weight: bold; } .verticalRadioOdd {background-color: #FFFFFF; font : normal x-small Arial, Helvetica, sans-serif; } .verticalRadioEven {background-color: #FFFFFF; font : normal x-small Arial, Helvetica, sans-serif; } .verticalRowOdd { font : x-small Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #FFFFFF; } .verticalRowEven { font : x-small Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #FFFFFF; }