home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2002 December / PCWDEC02.iso / software / myob_accounting_plus / data1.cab / Full_Help / Help / help01_rpt.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2002-08-07  |  16.1 KB  |  780 lines

  1. /* Webby Help CSS for MYOB RPT template, alpha version 1 */
  2.  
  3. /* Note - This CSS file is nearly identical to the main CSS file, except the TABLE and TR tags have been removed, and two additional tags (directly below) have been added. This was done to ensure that the appearance of the sample reports would not be disturbed by any changes to table formatting in the other templates. */
  4.  
  5.  
  6.  
  7.  
  8. /* STYLES UNIQUE TO THE MYOB RPT TEMPLATE */
  9.  
  10.  
  11. /* Used for report titles - please note this CENTER attribute does not seem to work, so the attribute has been added manually in Transit for the time being */
  12.  
  13. .reporttitle { 
  14.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  15.     font-size: 18px; 
  16.     font-style: normal; 
  17.     font-weight: 700; 
  18.     font-variant: normal; 
  19.     text-transform: none; 
  20.     color: #800040; 
  21.     text-align: center
  22. }
  23.  
  24. /* Used for Ab bold element in MYOB RPT template only - this does not seem to work at all */
  25.  
  26. .abbold { 
  27.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  28.     font-size: 10px; 
  29.     font-style: normal; 
  30.     font-weight: 700; 
  31.     font-variant: normal; 
  32.     text-transform: none; 
  33.     color: #000000; 
  34.     text-align: left
  35. }
  36.  
  37. /* Used for headings in report samples */
  38.  
  39. .tablebold { 
  40.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  41.     font-size: 12px; 
  42.     font-style: normal; 
  43.     font-weight: 700; 
  44.     font-variant: normal; 
  45.     text-transform: none; 
  46.     color: #0000a0; 
  47.     text-align: left
  48. }
  49.  
  50. /* Used for text in report samples (merely a copy of the P tag) */
  51.  
  52. .tableregular { 
  53.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  54.     font-size: 12px; 
  55.     font-style: normal; 
  56.     font-weight: 400; 
  57.     font-variant: normal; 
  58.     text-transform: none; 
  59.     color: #000000; 
  60.     text-align: left
  61. }
  62.  
  63.  
  64.  
  65.  
  66. /* BASIC STYLES */
  67.  
  68.  
  69.  
  70. body { 
  71.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  72.     font-size: 12px; 
  73.     font-style: normal; 
  74.     font-weight: 400; 
  75.     font-variant: normal; 
  76.     text-transform: none; 
  77.     color: #000000; 
  78.     background-color: #FFFFFF; 
  79.     text-align: left;  
  80.     topmargin="10" leftmargin="10" marginwidth="10" marginheight="10"
  81. }
  82.  
  83. p { 
  84.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  85.     font-size: 12px; 
  86.     font-style: normal; 
  87.     font-weight: 400; 
  88.     font-variant: normal; 
  89.     text-transform: none; 
  90.     color: #000000; 
  91.     text-align: left
  92. }
  93.  
  94. b { 
  95.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  96.     font-size: 12px; 
  97.     font-style: normal; 
  98.     font-weight: 700; 
  99.     font-variant: normal; 
  100.     text-transform: none; 
  101.     color: #000000; 
  102.     text-align: left
  103. }
  104.  
  105. i { 
  106.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  107.     font-size: 12px; 
  108.     font-style: italic; 
  109.     font-weight: 400; 
  110.     font-variant: normal; 
  111.     text-transform: none; 
  112.     color: #000000; 
  113.     text-align: left
  114. }
  115.  
  116. ul { 
  117.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  118.     font-size: 12px; 
  119.     font-style: normal; 
  120.     font-weight: 400; 
  121.     font-variant: normal; 
  122.     text-transform: none; 
  123.     color: #000000; 
  124.     text-align: left;
  125.     list-style-type: disc outside compact
  126.  
  127. ol { 
  128.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  129.     font-size: 12px; 
  130.     font-style: normal; 
  131.     font-weight: 400; 
  132.     font-variant: normal; 
  133.     text-transform: none; 
  134.     color: #000000; 
  135.     text-align: left;
  136.     list-style-type: decimal inside compact
  137. }
  138.  
  139. li { 
  140.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  141.     font-size: 12px; 
  142.     font-style: normal; 
  143.     font-weight: 400; 
  144.     font-variant: normal; 
  145.     text-transform: none; 
  146.     color: #000000; 
  147.     text-align: left
  148.  
  149.  
  150.  
  151.  
  152. /* STYLES USED ABOVE THE HORIZONTAL RULE*/
  153.  
  154.  
  155.  
  156. /* Used for Heading 2 TOC link element only (major overview headings) */
  157.  
  158. h1 { 
  159.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  160.     font-size: 20px; 
  161.     font-style: normal; 
  162.     font-weight: 700; 
  163.     font-variant: normal; 
  164.     text-transform: none; 
  165.     color: #000000; 
  166.     text-align: left
  167. }
  168.  
  169. /* The following two styles are used for two-line headings */
  170.  
  171. .stepnumsplit { 
  172.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  173.     font-size: 18px; 
  174.     font-style: normal; 
  175.     font-weight: 700; 
  176.     font-variant: normal; 
  177.     text-transform: none; 
  178.     color: #000000; 
  179.     text-align: left
  180. }
  181.  
  182. .stepnum { 
  183.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  184.     font-size: 14px; 
  185.     font-style: normal; 
  186.     font-weight: 700; 
  187.     font-variant: normal; 
  188.     text-transform: none; 
  189.     color: #800040; 
  190.     text-align: left
  191. }
  192.  
  193. /* Used for all headings other than those listed above */
  194.  
  195. h2 { 
  196.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  197.     font-size: 18px; 
  198.     font-style: normal; 
  199.     font-weight: 700; 
  200.     font-variant: normal; 
  201.     text-transform: none; 
  202.     color: #000000; 
  203.     text-align: left
  204. }
  205.  
  206. /* Just a copy of h2, to ensure consistency in headings */
  207.  
  208. h3 { 
  209.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  210.     font-size: 18px; 
  211.     font-style: normal; 
  212.     font-weight: 700; 
  213.     font-variant: normal; 
  214.     text-transform: none; 
  215.     color: #000000; 
  216.     text-align: left
  217. }
  218.  
  219. /* Just a copy of h2, to ensure consistency in headings */
  220.  
  221. h4 { 
  222.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  223.     font-size: 18px; 
  224.     font-style: normal; 
  225.     font-weight: 700; 
  226.     font-variant: normal; 
  227.     text-transform: none; 
  228.     color: #000000; 
  229.     text-align: left
  230. }
  231.  
  232. /* Used for Navigation element only (breadcrumbs with words) */
  233.  
  234. .navigation { 
  235.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  236.     font-size: 12px; 
  237.     font-style: italic;
  238.      font-weight: 400; 
  239.     font-variant: normal; 
  240.     text-transform: none; 
  241.     color: #000000
  242. }
  243.  
  244. /* Used for Stepjump element only (breadcrumbs with numbers) */
  245.  
  246. .stepjump { 
  247.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  248.     font-size: 12px; 
  249.     font-style: normal;
  250.      font-weight: 400; 
  251.     font-variant: normal; 
  252.     text-transform: none; 
  253.     color: #000000
  254. }
  255.  
  256. hr {  
  257.     color: #800040; 
  258.     vertical-align: top; 
  259.     font-style: normal; 
  260.     font-weight: normal; 
  261.     clip:  rect(   )
  262. }
  263.  
  264.  
  265.  
  266.  
  267. /* BELOW THE HORIZONTAL RULE */
  268.  
  269.  
  270.  
  271. /* Used for minor headings in various locations in text and in tables */
  272.  
  273. h5 { 
  274.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  275.     font-size: 12px; 
  276.     font-style: normal; 
  277.     font-weight: 700; 
  278.     font-variant: normal; 
  279.     text-transform: none; 
  280.     color: #000000; 
  281.     text-align: left
  282. }
  283.  
  284. /* Used for Heading 5 Indent element only (non-bulleted headings within lists) */
  285.  
  286. .heading5indent { 
  287.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  288.     font-size: 12px; 
  289.     font-style: normal; 
  290.     font-weight: 700; 
  291.     font-variant: normal; 
  292.     text-transform: none; 
  293.     color: #000000; 
  294.     text-align: left;
  295.     margin-left: 40px
  296. }
  297.  
  298. /* Used for Bull Indent element only (bulleted indented paragraphs within lists)*/
  299.  
  300. .bullindent { 
  301.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  302.     font-size: 12px; 
  303.     font-style: normal; 
  304.     font-weight: 400; 
  305.     font-variant: normal; 
  306.     text-transform: none; 
  307.     color: #000000; 
  308.     text-align: left;
  309.     margin-left: 20px;
  310.     list-style-type: disc outside compact
  311. }
  312.  
  313. /* Used for Num 1 Para element only (non-bulleted indented paragraphs within lists) */
  314.  
  315. .num1para { 
  316.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  317.     font-size: 12px; 
  318.     font-style: normal; 
  319.     font-weight: 400; 
  320.     font-variant: normal; 
  321.     text-transform: none; 
  322.     color: #000000; 
  323.     text-align: left;
  324.     margin-left: 40px
  325. }
  326.  
  327. /* Used for the Num a element only (alphabetical lists within numerical lists) */
  328.  
  329. .numa { 
  330.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  331.     font-size: 12px; 
  332.     font-style: normal; 
  333.     font-weight: 400; 
  334.     font-variant: normal; 
  335.     text-transform: none; 
  336.     color: #000000; 
  337.     text-align: left;
  338.     margin-left: 20px;
  339. }
  340.  
  341. /* Used for Num a para element only (non-bulleted indented paragraphs within alphabetical lists) */
  342.  
  343. .numapara { 
  344.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  345.     font-size: 12px; 
  346.     font-style: normal; 
  347.     font-weight: 400; 
  348.     font-variant: normal; 
  349.     text-transform: none; 
  350.     color: #000000; 
  351.     text-align: left;
  352.     margin-left: 60px
  353. }
  354.  
  355. /* Used for Ab note heading element only (title of boxed notes, tips and warnings) */
  356.  
  357. .abnoteheading { 
  358.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  359.     font-size: 14px; 
  360.     font-style: normal; 
  361.     font-weight: 700; 
  362.     font-variant: normal; 
  363.     text-transform: none; 
  364.     color: #000000; 
  365.     text-align: left
  366. }
  367.  
  368. /* Used for Step by step element only (introduces the Step by step links) */
  369.  
  370. .stepbystep { 
  371.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  372.     font-size: 12px; 
  373.     font-style: italic; 
  374.     font-weight: 700;
  375.     font-variant: normal; 
  376.     text-transform: none; 
  377.     color: #000000;
  378.     text-align: left
  379. }
  380.  
  381. /* Used for Related topics element only (introduces the Related topics links) */
  382.  
  383. .relatedtopics { 
  384.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  385.     font-size: 12px; 
  386.     font-style: italic; 
  387.     font-weight: 700;
  388.     font-variant: normal; 
  389.     text-transform: none; 
  390.     color: #000000;
  391.     text-align: left
  392. }
  393.  
  394. /* Used for Overview link element only (Step by Step and Related Topics links) */
  395.  
  396. .overviewlink { 
  397.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  398.     font-size: 12px; 
  399.     font-style: normal; 
  400.     font-weight: 400;
  401.     font-variant: normal; 
  402.     text-transform: none; 
  403.     color: #000000
  404.     text-align: left
  405. }
  406.  
  407. /* Used for the hidden search engine text at the bottom of each page */
  408.  
  409. .searchtitle { 
  410.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  411.     font-size: 9px; 
  412.     font-style: normal;
  413.      font-weight: 400; 
  414.     font-variant: normal; 
  415.     text-transform: none; 
  416.     color: #FFFFFF; 
  417.     text-align: left
  418. }
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432. /* LINK STYLES */
  433.  
  434.  
  435. A:link {
  436.     font-family: Verdana, Arial, Helvetica, sans-serif;
  437.     font-size: 12px;
  438.     font-style: normal;
  439.     font-weight: 400;
  440.     text-decoration: underline;
  441.     text-variant: normal;
  442.     color: #000080;
  443. }
  444.  
  445. A:visited {
  446.     font-family: Verdana, Arial, Helvetica, sans-serif;
  447.     font-size: 12px;
  448.     font-style: normal;
  449.     font-weight: 400;
  450.     text-decoration: underline;
  451.     text-variant: normal;
  452.     color: #004080;
  453. }
  454.  
  455. A:active {
  456.     font-family: Verdana, Arial, Helvetica, sans-serif;
  457.     font-size: 12px;
  458.     font-style: normal;
  459.     font-weight: 400;
  460.     text-decoration: underline;
  461.     text-variant: normal;
  462.     color: #800000;
  463. }
  464.  
  465. A:hover {
  466.     font-family: Verdana, Arial, Helvetica, sans-serif;
  467.     font-size: 12px;
  468.     font-style: normal;
  469.     font-weight: 400;
  470.     text-decoration: underline;
  471.     text-variant: normal;
  472.     color: #630063;
  473. }
  474.  
  475. A.overviewlink:link {
  476.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  477.     font-size: 10px; 
  478.     font-style: normal; 
  479.     font-weight: 400; 
  480.     font-variant: normal; 
  481.     text-transform: none; 
  482.     color: #000080; 
  483.     text-align: left
  484. }    
  485.  
  486. A.overviewlink:visited {
  487.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  488.     font-size: 10px; 
  489.     font-style: normal; 
  490.     font-weight: 400; 
  491.     font-variant: normal; 
  492.     text-transform: none; 
  493.     color: #004080; 
  494.     text-align: left
  495. }    
  496.  
  497. A.overviewlink:active {
  498.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  499.     font-size: 10px; 
  500.     font-style: normal; 
  501.     font-weight: 400; 
  502.     font-variant: normal; 
  503.     text-transform: none; 
  504.     color: #800080; 
  505.     text-align: left
  506. }    
  507.  
  508. A.overviewlink:hover {
  509.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  510.     font-size: 10px; 
  511.     font-style: normal; 
  512.     font-weight: 400; 
  513.     font-variant: normal; 
  514.     text-transform: none; 
  515.     color: #006699; 
  516.     text-align: left
  517. }    
  518.  
  519. A.abbold:link {
  520.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  521.     font-size: 10px; 
  522.     font-style: normal; 
  523.     font-weight: 400; 
  524.     font-variant: normal; 
  525.     text-transform: none; 
  526.     color: #000080; 
  527.     text-align: left
  528. }    
  529.  
  530. A.abbold:visited {
  531.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  532.     font-size: 10px; 
  533.     font-style: normal; 
  534.     font-weight: 400; 
  535.     font-variant: normal; 
  536.     text-transform: none; 
  537.     color: #004080; 
  538.     text-align: left
  539. }    
  540.  
  541. A.abbold:active {
  542.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  543.     font-size: 10px; 
  544.     font-style: normal; 
  545.     font-weight: 400; 
  546.     font-variant: normal; 
  547.     text-transform: none; 
  548.     color: #800080; 
  549.     text-align: left
  550. }    
  551.  
  552. A.abbold:hover {
  553.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  554.     font-size: 10px; 
  555.     font-style: normal; 
  556.     font-weight: 400; 
  557.     font-variant: normal; 
  558.     text-transform: none; 
  559.     color: #006699; 
  560.     text-align: left
  561. }    
  562.  
  563.  
  564.  
  565.  
  566.  
  567. /* THE FOLLOWING STYLES ARE USED ON THE SEARCH PAGES ONLY */
  568.  
  569. /* Search form page */
  570.  
  571. .top_frame {
  572.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  573.     font-size: 12px;
  574.     font-weight: bold;
  575.     text-decoration: none;
  576.     color: #000000;
  577. }
  578.  
  579.  
  580.  
  581. /* Search results page */
  582.  
  583. .results {
  584.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  585.     font-size: 12px;
  586.     text-decoration: none;
  587.     color: #000000;
  588. }
  589.  
  590. A.search_results:link {    
  591.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  592.     font-size: 12px;
  593.     font-weight: bold;
  594.     text-decoration: none;
  595.     color: #000080;
  596. }
  597.  
  598. A.search_results:visited {
  599.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  600.     font-size: 12px;
  601.     font-weight: bold;
  602.     text-decoration: none;
  603.     color: #004080;
  604. }
  605.  
  606. A.search_results:active {
  607.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  608.     font-size: 12px;
  609.     font-weight: bold;
  610.     text-decoration: underline;
  611.     color: #800000;
  612. }
  613.  
  614. A.search_results:hover {
  615.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  616.     font-size: 12px;
  617.     text-decoration: underline;
  618.     color: #006699;
  619. }
  620.  
  621.  
  622.  
  623. /* Search help page */
  624.  
  625. .help {
  626.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  627.     font-size: 12px;
  628.     text-decoration: none;
  629.     color: #000000;
  630. }
  631.  
  632. .helpsmall {
  633.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  634.     font-size: 10px;
  635.     font-weight: bold;
  636.     text-decoration: none;
  637.     color: #000000;
  638. }
  639.  
  640.  
  641.  
  642. /* NOT IN USE YET */
  643.  
  644. .copyright {
  645.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  646.     font-size: 9px;
  647.     font-style: normal;
  648.     font-weight: 400;
  649.     font-variant: normal; 
  650.     text-transform: none; 
  651.     color: #000000;
  652.     text-align: left
  653. }
  654.  
  655. .reportname { 
  656.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  657.     font-size: 16px; 
  658.     font-style: normal; 
  659.     font-weight: 700; 
  660.     font-variant: normal; 
  661.     text-transform: none; 
  662.     color: #800040; 
  663.     text-align: center
  664. }
  665.  
  666. .small {
  667.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  668.     font-size: 9px; 
  669.     font-style: normal; 
  670.     font-weight: 400; 
  671.     font-variant: normal; 
  672.     text-transform: none; 
  673.     color: #000000; 
  674.     text-align: left
  675. }    
  676.  
  677. A.small:link {
  678.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  679.     font-size: 9px; 
  680.     font-style: normal; 
  681.     font-weight: 400; 
  682.     font-variant: normal; 
  683.     text-transform: none; 
  684.     color: #000080; 
  685.     text-align: left
  686. }    
  687.  
  688. A.small:visited {
  689.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  690.     font-size: 9px; 
  691.     font-style: normal; 
  692.     font-weight: 400; 
  693.     font-variant: normal; 
  694.     text-transform: none; 
  695.     color: #004080; 
  696.     text-align: left
  697. }    
  698.  
  699. A.small:active {
  700.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  701.     font-size: 9px; 
  702.     font-style: normal; 
  703.     font-weight: 400; 
  704.     font-variant: normal; 
  705.     text-transform: none; 
  706.     color: #800080; 
  707.     text-align: left
  708. }    
  709.  
  710. A.small:hover {
  711.     font-family: Verdana, Arial, Helvetica, sans-serif; 
  712.     font-size: 9px; 
  713.     font-style: normal; 
  714.     font-weight: 400; 
  715.     font-variant: normal; 
  716.     text-transform: none; 
  717.     color: #006699; 
  718.     text-align: left
  719. }    
  720.  
  721.  
  722.  
  723.  
  724. /* TABLE STYLES NOT IN USE AT THIS TIME */
  725.  
  726.  
  727. /* Use for bold-text cells (usually containing field names) on left side of tables */
  728.  
  729. th {
  730.     font-family: Verdana, Arial, Helvetica, sans-serif;
  731.     font-size: 12px; 
  732.     font-style: normal; 
  733.     font-weight: 700;
  734.     font-variant: normal; 
  735.     text-transform: none; 
  736.     color: #000000;
  737.     text-align: left;
  738.     border: 1px solid black;
  739.     padding: 10px;
  740.     vertical-align: baseline;
  741.     width: 200px
  742. }
  743.     
  744. /* Use for top right-hand cell in tables in "import export fields" pages */
  745.  
  746. .boldhead {
  747.     font-family: Verdana, Arial, Helvetica, sans-serif;
  748.     font-size: 12px; 
  749.     font-style: normal; 
  750.     font-weight: 700;
  751.     font-variant: normal; 
  752.     text-transform: none; 
  753.     color: #000000;
  754.     text-align: left;
  755.     border: 1px solid black;
  756.     padding: 10px;
  757.     vertical-align: baseline;
  758.     width: 400px
  759. }
  760.  
  761. /* Use with TD tag in one-cell tables (usually for notes, warnings and tips) */
  762.  
  763. .note {
  764.     font-family: Verdana, Arial, Helvetica, sans-serif;
  765.     font-size: 12px; 
  766.     font-style: normal; 
  767.     font-weight: 400;     
  768.     font-variant: normal; 
  769.     text-transform: none; 
  770.     color: #000000;
  771.     text-align: left;
  772.     background-color: #FFFFCC;
  773.     border-collapse: collapse;
  774.     border: 1px solid black;
  775.     width: 600px
  776. }
  777.  
  778.