home *** CD-ROM | disk | FTP | other *** search
/ developer.apple.com / developer.apple.com.tar / developer.apple.com / css / adcstyle.css next >
Cascading Style Sheet File  |  2010-08-18  |  18KB  |  1,163 lines
  1.  
  2. /* body */
  3. body {
  4.     margin: 0 10px;
  5.     background-color: #fff;
  6.     color: #000;
  7.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  8.     }
  9.  
  10. /* links */
  11. a:link {
  12.     color: #00f;
  13.     text-decoration: none;
  14.     }
  15.  
  16. a:visited {
  17.     color: #00a;
  18.     text-decoration: none;
  19.     }
  20.  
  21. a:hover {
  22.     color: #f60;
  23.     text-decoration: underline;
  24.     }
  25.     
  26. a:active {
  27.     color: #f60;
  28.     text-decoration: underline;
  29.     }
  30.  
  31. /* html tags */
  32. th, td, ul, ol, li {
  33.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  34.     }
  35.         
  36. code, pre    {
  37.     font-family: monaco, 'Courier New', courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1 code, h2 code, h3 code, h4 code, th code, ol.faq li code { font-size: 95%; font-weight: normal; }
  52.  
  53. h1    {
  54.     margin: 0 0 15px 0;
  55.     padding: 0;
  56.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  57.     color: #000;
  58.     }
  59.     
  60. h2    {
  61.     margin: 0 0 5px 0;
  62.     padding: 0;
  63.     font-size: 16px;
  64.     color: #000;
  65.     }
  66.     
  67. #header h2 { 
  68.     margin: 0;
  69.     }
  70.     
  71. /* Added 2-2-2005 */
  72. .adclogo {
  73.     margin-top:12px;
  74. }
  75. .searchbox {
  76.     width:180px;
  77. }
  78. /* END Added 2-2-2005 */
  79.     
  80. p + h2 {
  81.     margin: 20px 0 5px 0;
  82.     }
  83.  
  84. ol + h2 {
  85.     margin: 20px 0 5px 0;
  86.     }
  87.  
  88. ul + h2 {
  89.     margin: 20px 0 5px 0;
  90.     }
  91.     
  92. h3    {
  93.     margin: 0;
  94.     padding: 0;
  95.     font-size: 12px;
  96.     color: #000;
  97.     }
  98.  
  99. h3 + table {
  100.     margin: 5px 0 0 0;
  101.     }
  102.     
  103. h4    {
  104.     margin: 0;
  105.     padding: 0;
  106.     font-size: 12px;
  107.     }
  108.     
  109. h3 + h4 {
  110.     margin: 10px 0 0;
  111.     }
  112.     
  113. h6    {
  114.     margin: 0;
  115.     padding: 0;
  116.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  117.     color: #000;
  118.     }
  119.  
  120. p    {
  121.     margin: 0 0 10px 0;
  122.     padding: 0;
  123.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  124.     color: #000;
  125.     }
  126.     
  127. cite {
  128.     font-style: italic;
  129.     }
  130.     
  131. th {
  132.     font-weight: bold;
  133.     text-align: left;
  134.     vertical-align: top;
  135.     }
  136.     
  137. form {
  138.     margin: 0;
  139.     }
  140.     
  141. button {
  142.     margin: 3px 0 10px 0;
  143.     }
  144.     
  145. /* lists */
  146. ul    {
  147.     list-style: square outside;
  148.     margin: 0 0 0 30px;
  149.     padding: 0 0 1em 0;
  150.     }
  151.  
  152. li    {
  153.     margin-top: 3px;
  154.     }
  155.     
  156. ul ul {
  157.     margin-left: 40px;
  158.     }
  159.     
  160. ul.compressed {
  161.     margin-top: -10px;
  162.     }
  163.     
  164. ul.compressed li {
  165.     margin-top: 0;
  166.     }
  167.  
  168. ul.marketing {
  169.     padding-left: 0;
  170.     margin: 0 0 16px 0;
  171.     list-style: none;
  172.     }
  173.     
  174. ul.marketing li    {
  175.     margin-top: 0;
  176.     margin-left: 0;
  177.     margin-bottom: 2px;
  178.     font-size: 10px;
  179.     }
  180.     
  181. ol {
  182.     margin: 0 0 10px 1.5em;
  183.     padding-left: 1.5em;
  184.     }
  185.  
  186. ul.inline, ol.inline, p.inline {
  187.     margin-top: -7px;
  188.     }
  189.     
  190. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  191.     margin-top: 0;
  192.     }
  193.  
  194. ol.faq li {
  195.     font-weight: bold;
  196.     }
  197.     
  198. ol.steps li {
  199.     font-weight: bold;
  200.     }
  201.     
  202. ul.nav {
  203.     margin: 8px 0 0;
  204.     padding: 0;
  205.     list-style-type: none;
  206.     }
  207.  
  208. ul.nav li {
  209.     margin-top: 4px;
  210.     padding-left: 0;
  211.     }
  212.     
  213. ul.nobullet {
  214.     list-style-type: none;
  215.     margin-left: 0;
  216.     padding-left: 0;
  217.     }
  218.     
  219. ul.nobullet li {
  220.     margin: 3px 0 5px;
  221.     padding-left: 0;
  222.     }
  223.     
  224. /* images */
  225. .leftinline {
  226.     margin: 0 10px 5px 0;
  227.     float: left;
  228.     }
  229.  
  230. .rightinline {
  231.     margin: 0 0 5px 10px;
  232.     float: right;
  233.     }
  234.  
  235.  
  236. /* tables */
  237. .bumblebee {
  238.     border-top: 1px solid #919699;
  239.     border-left: 1px solid #919699;
  240.     border-right: 1px solid #919699;
  241.     }
  242.  
  243. .bumblebee td {
  244.     padding: 10px;
  245.     font-size: 10px;
  246.     }
  247.     
  248. .bumblebee th {
  249.     padding: 6px 10px;
  250.     font-size: 10px;
  251.     }
  252.     
  253. .bumblebee th a {
  254.     color: #FFF;
  255.     }
  256.     
  257. .bumblebee th a:link {
  258.     color: #FFF;
  259.     }
  260.  
  261. .bumblebee th a:visited {
  262.     color: #FFF;
  263.     }
  264.  
  265. .bumblebee th a:hover {
  266.     color: #FFF;
  267.     }
  268.     
  269. .bumblebee th a:active {
  270.     color: #FFF;
  271.     }
  272.  
  273. .bumblebee th {
  274.     background: #7E91A4;
  275.     color: #FFF;
  276.     }
  277.  
  278. .bumblebee td {
  279.     border-bottom: 1px solid #919699;
  280.     text-align: left;
  281.     vertical-align: top;
  282.     }
  283.  
  284. .bumblebeeblue {
  285.     background: #F0F5F9;
  286.     }
  287.  
  288. .bumblebeewhite {
  289.     background: #FFF;
  290.     }
  291.     
  292. .bumblebee .bumblebeeblue td.sortcolumn {
  293.     background: #DCE5EE;
  294.     }
  295.     
  296. .bumblebee .bumblebeewhite td.sortcolumn {
  297.     background: #F5F5F5;
  298.     }
  299.     
  300. .bumblebee th.sortcolumn {
  301.     background: #334455;
  302.     }
  303.     
  304. .bumblebeetop {
  305.     border-top: 1px solid #919699;
  306.     border-left: 1px solid #919699;
  307.     border-right: 1px solid #919699;
  308.     background: #E2E2E2;
  309.     }
  310.     
  311. .bumblebeetop td{
  312.     padding: 10px;
  313.     }
  314.  
  315. table.bumblebeetop select { width: 230px;}
  316.  
  317. .bumblebeetop td.display { border-left: 1px solid #a1a5a9;}
  318.  
  319. .bumblebeetop .pagenav td {padding: 5px 10px; font-size: 10px; border-top: 1px solid #a1a5a9;}
  320. .bumblebee .pagenav td {padding: 5px 10px; font-size: 10px; background: #E2E2E2;}
  321. .bumblebee .pagenav td.rightcolumn { text-align: right;}
  322.  
  323. td.middle, th.middle {
  324.     vertical-align: middle;
  325.     }
  326.     
  327. td.top, th.top {
  328.     vertical-align: top;
  329.     }
  330.     
  331. td.bottom, th.bottom {
  332.     vertical-align: bottom;
  333.     }
  334.     
  335. td.center, th.center {
  336.     text-align: center;
  337.     }
  338.     
  339. td.right, th.right {
  340.     text-align: right;
  341.     }
  342.     
  343. .smalltable td p {
  344.     font-size: 11px;
  345.     }
  346.  
  347.     
  348. .graybox {
  349.     border-top: 1px solid #919699;
  350.     border-left: 1px solid #919699;
  351.     margin-bottom: 10px;
  352.     }
  353.     
  354. .graybox th {
  355.     padding: 4px 8px 4px 8px;
  356.     background: #E2E2E2;
  357.     font-size: 12px;
  358.     font-weight: bold;
  359.     border-bottom: 1px solid #919699;
  360.     border-right: 1px solid #919699;
  361.     }
  362.     
  363. .graybox td {
  364.     padding: 8px;
  365.     font-size: 12px;
  366.     text-align: left;
  367.     vertical-align: top;
  368.     border-bottom: 1px solid #919699;
  369.     border-right: 1px solid #919699;
  370.     }
  371.     
  372. .graybox table td {
  373.     border: none;
  374.     padding: 0;
  375.     vertical-align: middle;
  376.     }
  377.  
  378. .marketingbox {
  379.     width: 100%;
  380.     border: 1px solid #a1a5a9;
  381.     }
  382.  
  383. .marketingbox th {
  384.     padding: 4px 8px 4px 8px;
  385.     background: #C83808;
  386.     font-size: 12px;
  387.     font-weight: bold;
  388.     color: #FFF;
  389.     }
  390.  
  391. .marketingbox td {
  392.     padding: 8px 8px 0 8px;
  393.     text-align: left;
  394.     vertical-align: top;
  395.     }
  396.     
  397. .documentationtable {
  398.     border: none;
  399.     }
  400.  
  401. .documentationtable td {
  402.     border-bottom: 1px solid #919699;
  403.     text-align: left;
  404.     vertical-align: top;
  405.     padding: 8px 0 5px 0;
  406.     }
  407.     
  408. .documentationtable p {
  409.     margin-bottom: 8px;
  410.     }
  411.     
  412. .documentationtable .bottom{
  413.     border: 0;
  414.     }
  415.         
  416. .businesstable {
  417.     border: none;
  418.     }
  419.  
  420. .businesstable td {
  421.     text-align: left;
  422.     font-size: 10px;
  423.     vertical-align: top;
  424.     padding: 5px 0 10px 0;
  425.     }
  426.     
  427. .documentationtable p {
  428.     font-size: 10px;
  429.     }
  430.  
  431. p.viewall { font-size: 11px; font-weight: bold;}
  432. p.viewlegacytech { font-size: 11px; }
  433.  
  434. table.download {
  435.     border: 1px solid #919699;
  436.     margin-bottom: 10px;
  437.     }
  438.  
  439. table.download th {
  440.     padding: 6px 10px 6px 10px;
  441.     font-size: 10px;
  442.     background: #7E91A4;
  443.     color: #FFF;
  444.     }
  445.  
  446. table.download td {
  447.     font-size: 12px;
  448.     text-align: left;
  449.     vertical-align: top;
  450.     }
  451.  
  452. table.download .title td {
  453.     border-top: 1px solid #919699;
  454.     background: #F0F5F9;
  455.     padding: 6px 10px 6px 10px;
  456.     }
  457.  
  458. table.download .title.sub td{
  459.     border-top: none;
  460.     }
  461.     
  462. table.download .description {
  463.     padding: 10px;
  464.     }
  465.     
  466. table.download .title td.sortcolumn {
  467.     background: #DCE5EE;
  468.     }
  469.     
  470. table.download .description td.sortcolumn {
  471.     background: #F5F5F5;
  472.     }
  473.     
  474. table.download th.sortcolumn {
  475.     background: #334455;
  476.     }
  477.  
  478. table.download th a {
  479.     color: #FFF;
  480.     }
  481.  
  482. table.downloadtop {
  483.     border-top: 1px solid #919699;
  484.     border-left: 1px solid #919699;
  485.     border-right: 1px solid #919699;
  486.     background: #E2E2E2;
  487.     }
  488.     
  489. table.downloadtop td{
  490.     padding: 10px 0px 10px 10px;
  491.     }
  492.  
  493.  
  494. /* rounded corner tables */
  495. .bigboxtop {
  496.     background: #FFF url(../images/bigboxtop.gif) repeat-x top left;
  497.     }
  498.  
  499. .bigboxleft {
  500.     background: #FFF url(../images/bigboxleft.gif) repeat-y top left;
  501.     }
  502.  
  503. .bigboxright {
  504.     background: #FFF url(../images/bigboxright.gif) repeat-y top left;
  505.     }
  506.  
  507. .bigboxbottom {
  508.     background: #FFF url(../images/bigboxbottom.gif) repeat-x top left;
  509.     }
  510.     
  511. .boxtop {
  512.     background: #FFF url(../images/boxtop.gif) repeat-x top left;
  513.     }
  514.  
  515. .boxleft {
  516.     background: #FFF url(../images/boxleft.gif) repeat-y top left;
  517.     }
  518.  
  519. .boxright {
  520.     background: #FFF url(../images/boxright.gif) repeat-y top left;
  521.     }
  522.  
  523. .boxbottom {
  524.     background: #FFF url(../images/boxbottom.gif) repeat-x top left;
  525.     }
  526.  
  527.  
  528. /* general classes */
  529. .contentpadding {
  530.     padding: 0 10px;
  531.     }
  532.     
  533. .smalltext {
  534.     font-size: 10px;
  535.     }
  536.     
  537. .blueheader {
  538.     color: #FFF;
  539.     background: #7E91A4;
  540.     padding: 3px 0 3px 7px;
  541.     }
  542.  
  543. .sourcecodebox {
  544.     border: 1px solid #c7cfd5;
  545.     background: #f1f5f9;
  546.     margin: 20px 0;
  547.     padding: 8px;
  548.     text-align: left;
  549.     }
  550.     
  551. .notebox {
  552.     border: 1px solid #a1a5a9;
  553.     background: #f7f7f7;
  554.     margin: 20px 0;
  555.     padding: 8px;
  556.     text-align: left;
  557.     }
  558.     
  559. .importantbox {
  560.     border: 1px solid #111;
  561.     background: #e8e8e8;
  562.     margin: 20px 0;
  563.     padding: 8px;
  564.     text-align: left;
  565.     }
  566.     
  567. .warningbox {
  568.     border: 1px solid #000;
  569.     background: #fff;
  570.     margin: 20px 0;
  571.     padding: 8px;
  572.     text-align: left;
  573.     }
  574.     
  575. .warningbox img.warningicon { 
  576.     float: left; 
  577.     margin-top: 3px;
  578.     }
  579.  
  580. .warningbox p { 
  581.     margin: 0 0 0 30px
  582.     }
  583.  
  584. div.clearer {
  585.     clear: both; 
  586.     display: block; 
  587.     margin: 0; 
  588.     padding: 0; 
  589.     height: 0; 
  590.     line-height: 1px; 
  591.     font-size: 1px;
  592.     }
  593.     
  594. .gray {
  595.     color: #787c7f;
  596.     }
  597.     
  598. #footnote h3, #footnote p {
  599.     color: #76797C;
  600.     font-size: 11px;
  601.     }
  602.  
  603. div.footnote {margin-top: 30px;}
  604.  
  605. .footnote, .footnote li, .footnote p, .footnote h3 {
  606.     font-size: 11px;
  607.     color: #76797C;
  608.     }
  609.     
  610. .editorial {
  611.     font-style: italic;
  612.     margin: 20px 0;
  613.     }
  614.     
  615. .libindex {
  616.     border-bottom: 1px solid #939393;
  617.     padding: 0 3px;
  618.     background-color: #DADADA;
  619.     margin: 0 1px;
  620.     }
  621.  
  622. /* forms */
  623. #forms input {
  624.     vertical-align: middle;
  625.     padding: 0;
  626.     margin: 0 0 5px 0;
  627.     }
  628.  
  629. #forms select {
  630.     vertical-align: middle;
  631.     padding: 0;
  632.     margin: 0 0 3px 0;
  633.     }
  634.  
  635. #forms .widefield, #advsearch .widefield {
  636.     width: 98%;
  637.     margin-bottom: 5px;
  638.     }
  639.  
  640. #forms .halffield {
  641.     width: 50%;
  642.     margin-bottom: 5px;
  643.     }
  644.  
  645. #forms .extraspace {
  646.     padding-bottom: 8px;
  647.     }
  648.  
  649. #forms .quarterfield {
  650.     width: 25%;
  651.     margin-bottom: 5px;
  652.     }
  653.     
  654. #forms .inputbutton, #advsearch .inputbutton {
  655.     margin: 5px 0 10px 0;
  656.     border: 0;
  657.     }
  658.     
  659. #forms .checkbox, #advsearch .checkbox {
  660.     margin: 0 5px 0 0;
  661.     vertical-align: baseline;
  662.     }
  663.     
  664. #forms .radio {
  665.     margin: 0 5px 0 0;
  666.     vertical-align: baseline;
  667.     }
  668.     
  669. #forms textarea {
  670.     margin: 0 0 10px 0;
  671.     width: 100%;
  672.     }
  673.     
  674. #forms p {
  675.     margin-top: 7px;
  676.     }
  677.     
  678. #forms .buttonlists {
  679.     line-height: 20px;
  680.     }
  681.     
  682. #forms .buttondescription {
  683.     line-height: 15px;
  684.     margin: -10px 10px 5px 20px;
  685.     font-size: 10px;
  686.     }
  687.  
  688.  
  689. /* header */
  690. #adcnavheader td {
  691.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  692.     }
  693.  
  694. #adcnavheader input {
  695.     margin: 0 3px 0 0;
  696.     padding: 0;
  697.     }
  698.  
  699. #adcnavheader .textpadding {
  700.     padding-top: 2px;
  701.     vertical-align: middle;
  702.     }
  703.     
  704. #adcnavheader .searchbutton {
  705.     border: 0;
  706.     }
  707.     
  708. /* added 03-01-2005 */
  709. #adcnavheader table.header { margin-top:13px; }
  710. #adcnavheader td.logo { height:65px; padding:0 0 0 0; text-align: left;}
  711. #adcnavheader td.search { height:35px; text-align:right; }
  712. #adcnavheader td.adv-search { padding:0 4px 3px 0; }
  713. #adcnavheader td.restrict { padding:3px 0 0 0; }
  714. /* END added 03-01-2005 */
  715.  
  716. /* breadcrumb */
  717. #breadcrumb td {
  718.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  719.     }
  720.  
  721. #breadcrumb form {
  722.     margin: 0;
  723.     }
  724.     
  725. #breadcrumb select {
  726.     vertical-align:  middle;
  727.     }
  728.  
  729.  
  730. /* sidebar */
  731. #sidebar h2, .swlsidebar h2 {
  732.     font-size: 12px;
  733.     }
  734.     
  735. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  736.     font-size: 12px;
  737.     }
  738.     
  739. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  740.     font-size: 11px;
  741.     }
  742.  
  743. #sidebar ul, .swlsidebar ul {
  744.     margin-left: 16px;
  745.     padding-left: 0;
  746.     }
  747.  
  748. #sidebar li, .swlsidebar li {
  749.     font-size: 11px;
  750.     margin-top: 2px;
  751.     }
  752.     
  753. #sidebar ul.nav, .swlsidebar ul.nav {
  754.     margin: 8px 0 0;
  755.     padding: 0;
  756.     list-style-type: none;
  757.     }
  758.  
  759. #sidebar ul.nav li, .swlsidebar ul.nav li {
  760.     margin-top: 4px;
  761.     padding-left: 0;
  762.     background: none;
  763.     }
  764.  
  765. /* footer */
  766. #footer td, #footer p {
  767.     font-size: 10px;
  768.     }
  769.     
  770. #footer {margin-top: 24px;
  771.     }
  772.     
  773. .footerbreadcrumb {
  774.     font-size: 10px;
  775.     }
  776.  
  777. /* 404 page definitions*/
  778. #notfound h2 {
  779.     font-size: 12px;
  780.     }
  781.     
  782. #notfound h3, #notfound h4 {
  783.     font-size: 12px;
  784.     }
  785.     
  786. #notfound p, #notfound ul {
  787.     font-size: 10px;
  788.     }
  789.  
  790. #notfound ul {
  791.     margin: 0 0 15px 0;
  792.     padding-left: 0;
  793.     list-style-type: none;
  794.     }
  795.  
  796. #notfound ul li {
  797.     font-size: 10px;
  798.     margin: 3px 0 0 0;
  799.     padding-left: 0;
  800.     background: none;
  801.     }
  802.     
  803. #notfound ul ul {
  804.     margin-top: 0;
  805.     margin-left: 16px;
  806.     list-style: square outside;
  807.     }
  808.  
  809. #notfound ul ul li {
  810.     margin-left: 0;
  811.     padding-left: 0;
  812.     }
  813.  
  814. li.sectionbreak {
  815.     margin-bottom: 15px;
  816.     }
  817.  
  818. /* advanced search */
  819. #advsearch h4 {
  820.     margin-bottom: 10px;
  821.     }
  822.     
  823. #advsearch p {
  824.     line-height: 20px;
  825.     }
  826.     
  827. /* contact page */
  828. .iconlinks td {
  829.     font-size: 11px;
  830.     }
  831.     
  832. /* search results */
  833. .boxtop7e91a4 {
  834.     background: #FFF url(../images/boxtop7e91a4.gif) repeat-x top left;
  835.     }
  836.  
  837. .boxtopleft7e91a4 {
  838.     background: #FFF url(../images/boxtopleft7e91a4.gif) repeat-y top left;
  839.     }
  840.  
  841. .boxtopright7e91a4 {
  842.     background: #FFF url(../images/boxtopright7e91a4.gif) repeat-y top left;
  843.     }
  844.  
  845. .boxbottom7e91a4 {
  846.     background: #FFF url(../images/boxbottom7e91a4.gif) repeat-x top left;
  847.     }
  848.  
  849. .filesize {
  850.     color: #7F8285;
  851.     }
  852.  
  853. tr.results th, tr.results td {
  854.     font-size: 12px;
  855.     color: #FFF;
  856.     background-color: #7e91a4;
  857.     font-weight: normal;
  858.     }
  859.  
  860. tr.results a {
  861.     color: #FFF;
  862.     font-weight: bold;
  863.     }
  864.     
  865. .oddrow {
  866.     background-color: #ffffff;
  867.     }
  868.     
  869. .evenrow {
  870.     background-color: #f0f5f9;
  871.     }
  872.  
  873. /* software licensing descriptions */
  874. .swlleftrule {
  875.     border-left: 1px solid #A1A5A9;
  876.     padding-left: 10px;
  877.     padding-right: 10px;
  878.     }    
  879.  
  880. .swlsidebar {
  881.     padding-right: 10px;
  882.     }
  883.  
  884. /* narrative */
  885. #narrative blockquote {
  886.     margin: 0 20px 10px 20px;
  887.     color: #3972B8;
  888.     }
  889.  
  890. #narrative .pullquote {
  891.     font-size: 17px;
  892.     color: #FFF;
  893.     padding: 8px;
  894.     background-color: #3972B8;
  895.     border: 1px solid #000;
  896.     }
  897.     
  898. #narrative.color779D90 blockquote {
  899.     color: #779D90;
  900.     }
  901.     
  902. #narrative.color779D90 .pullquote {
  903.     background-color: #779D90;
  904.     }
  905.  
  906. #narrative.color3C6E6E blockquote {
  907.     color: #3C6E6E;
  908.     }
  909.     
  910. #narrative.color3C6E6E .pullquote {
  911.     background-color: #3C6E6E;
  912.     }
  913.  
  914. #narrative.color6D8042 blockquote {
  915.     color: #6D8042;
  916.     }
  917.     
  918. #narrative.color6D8042 .pullquote {
  919.     background-color: #6D8042;
  920.     }
  921.  
  922. #narrative.color3E583D blockquote {
  923.     color: #3E583D;
  924.     }
  925.     
  926. #narrative.color3E583D .pullquote {
  927.     background-color: #3E583D;
  928.     }
  929.  
  930. #narrative.color9AB0C5 blockquote {
  931.     color: #9AB0C5;
  932.     }
  933.     
  934. #narrative.color9AB0C5 .pullquote {
  935.     background-color: #9AB0C5;
  936.     }
  937.  
  938. #narrative.color3972B8 blockquote {
  939.     color: #3972B8;
  940.     }
  941.     
  942. #narrative.color3972B8 .pullquote {
  943.     background-color: #3972B8;
  944.     }
  945.  
  946. #narrative.color3C6C9D blockquote {
  947.     color: #3C6C9D;
  948.     }
  949.     
  950. #narrative.color3C6C9D .pullquote {
  951.     background-color: #3C6C9D;
  952.     }
  953.  
  954. #narrative.color7A6B94 blockquote {
  955.     color: #7A6B94;
  956.     }
  957.     
  958. #narrative.color7A6B94 .pullquote {
  959.     background-color: #7A6B94;
  960.     }
  961.     
  962. #narrative.color50395C blockquote {
  963.     color: #50395C;
  964.     }
  965.     
  966. #narrative.color50395C .pullquote {
  967.     background-color: #50395C;
  968.     }
  969.     
  970. #narrative.color812A28 blockquote {
  971.     color: #812A28;
  972.     }
  973.     
  974. #narrative.color812A28 .pullquote {
  975.     background-color: #812A28;
  976.     }
  977.  
  978.     
  979.     
  980. /* source code */
  981. #scdetails p {
  982.     line-height: 17px;
  983.     }
  984.     
  985. #scdetails select {
  986.     vertical-align: middle;
  987.     padding: 0;
  988.     margin: 0;
  989.     }
  990.     
  991. #scdetails input {
  992.     vertical-align: middle;
  993.     padding: 0;
  994.     margin: 0;
  995.     }
  996.  
  997. /* Technology Pages */
  998.     
  999. #techstart {
  1000.     float: right;
  1001.     width: 125px;
  1002.     font-size: 10px;
  1003.     line-height: 15px;
  1004.     padding: 8px 10px;
  1005.     margin: 0 0 5px 10px;
  1006.     border: 1px solid #a1a5a9;
  1007.     background-color: #f1f1f1;
  1008.     }
  1009.     
  1010. #techstart h3 {
  1011.     font-size: 12px;
  1012.     margin-bottom: 3px;
  1013.     }
  1014.     
  1015. #techlist {
  1016.     font-size: 11px;
  1017.     margin: 0 0 15px;
  1018.     }
  1019.     
  1020. #techlist h2 {
  1021.     position: relative;
  1022.     font-size: 12px;
  1023.     padding: 0 0 9px 35px;
  1024.     margin: 20px 0 5px;
  1025.     background: url(../images/bg_tech_h2.gif) repeat-x bottom left;
  1026.     }
  1027.     
  1028. #techlist h2 img {
  1029.     position: absolute;
  1030.     left: 0;
  1031.     bottom: 1%;
  1032.     }
  1033.  
  1034.     /* hack for various IEs \*/
  1035.     #techlist img {
  1036.         bottom: 0;
  1037.         }
  1038.     
  1039.     * html #techlist h2 {
  1040.         height: 100%;
  1041.         }
  1042.     /* end hack */
  1043.  
  1044.     
  1045. #techlist p, #techlist h3, #techlist li {
  1046.     font-size: 11px;
  1047.     }
  1048.     
  1049. #techlist ul.inlinebottom { padding-bottom: 0;}
  1050.     
  1051. #techlist h4 {
  1052.     font-weight: bold;
  1053.     color: #000;
  1054.     font-size: 11px;
  1055.     }
  1056.     
  1057. #techchild h2 {
  1058.     padding-bottom: 5px;
  1059.     border-bottom: 1px solid #a1a5a9;
  1060.     margin-bottom: 10px;
  1061.     }    
  1062.  
  1063. #techchild h3 {
  1064.     font-weight: normal;
  1065.     }
  1066.     
  1067. #tigerbox {background: url(../images/tigerbox_bg_bottom.gif) no-repeat bottom; border: 1px solid #76797C; padding: 0; margin-top: 25px;}
  1068. #tigerbox h3{background: url(../images/tigerbox_bg_top.gif) no-repeat top; padding: 10px 10px 25px 55px;}
  1069. #tigerbox p{font-size: 10px; margin: 0 12px 10px;}
  1070. #tigerbox ul li{font-size: 10px; margin-left: 5px;}
  1071. #tigerbox h4{font-size: 10px; margin: 0 12px;}
  1072.  
  1073.         
  1074. .sidebartable {
  1075.     border: 1px solid #a1a5a9;
  1076.     margin-bottom: 10px;
  1077.     }
  1078.     
  1079. .sidebartable th {
  1080.     padding: 4px 8px 4px 10px;
  1081.     background: #DBDBDB;
  1082.     font-size: 12px;
  1083.     font-weight: bold;
  1084.     border-bottom: 1px solid #a1a5a9;
  1085.     }
  1086.     
  1087. .sidebartable td {
  1088.     padding: 0 10px 10px;
  1089.     font-size: 11px;
  1090.     text-align: left;
  1091.     vertical-align: top;
  1092.     }
  1093.     
  1094. .sidebartable h2, .sidebartable p, .sidebartable ul {
  1095.     margin: 10px 0 2px;
  1096.     padding: 0;
  1097.     }
  1098.     
  1099. .sidebartable table td {
  1100.     border: none;
  1101.     padding: 0;
  1102.     vertical-align: middle;
  1103.     }
  1104.     
  1105. h3.nolist { margin-bottom: 5px;}
  1106.  
  1107. /* Translation Footer */
  1108. #trfooter {border-top: 1px solid #a1a5a9; margin: 28px auto -22px; width: 680px; padding-top: 5px;}
  1109. #trfooter h3{
  1110.     display: inline; vertical-align: top;}
  1111.  
  1112. #trfooter ul {
  1113.     display: inline; list-style: none outside; margin: 0; padding: 0;
  1114.     }
  1115.     
  1116. #trfooter li { display: inline; padding: 0 5px;}
  1117.     
  1118. /* MISC */
  1119. .red {color:red;}
  1120.  
  1121. /* Tech Pubs */
  1122.  
  1123. #pagehead {
  1124.     margin: 0 0 5px 0;
  1125.     padding: 0;
  1126.     font: bold 30px 'Myriad', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  1127.     color: #000;
  1128.     }
  1129.  
  1130. #pageheadsub {
  1131.     margin: 0 0 5px 0;
  1132.     padding: 0;
  1133.     font: bold 18px 'Myriad', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  1134.     color: #777;
  1135.     }
  1136.  
  1137. /* DTS Changes 2007-03-09 */
  1138.  
  1139. .legacybox {
  1140.     border: 2px solid #695D54;
  1141.     background: #FFFACD;
  1142.     margin-top: 8px;
  1143.     margin-right: 10px;
  1144.     padding: 2px 5px 2px 8px;
  1145.     text-align: left;
  1146.     }
  1147. .legacybox p {
  1148.     font: 12px lucida grande, geneva, helvetica, arial, sans-serif;
  1149.     margin-top: 2px;
  1150.     }
  1151. .legacybox h1 {
  1152.     font: 14px lucida grande, geneva, helvetica, arial, sans-serif;
  1153.     font-weight: bold;
  1154.     text-align: center;
  1155.     margin-top: 5px;
  1156.     margin-bottom: 8px;
  1157.     }
  1158. .closebutton {
  1159.     background-color: transparent;
  1160.     float: right;
  1161.     }
  1162.  
  1163.