include/javascript/yui3/assets/yui.css

   1 /*
   2 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.net/yui/license.txt
   5 version: 2.4.0
   6 */
   7 html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
   8
   9 body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
  10
  11
  12 /**
  13  * Nudge down to get to 13px equivalent for these form elements
  14  */
  15 select,
  16 input,
  17 button,
  18 textarea {
  19         font:99% arial,helvetica,clean,sans-serif;
  20 }
  21
  22 body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}
  23
  24 #doc4 {
  25         clear:left;
  26 }
  27 #headerContainer {
  28         min-width:65em;
  29 }
  30
  31 blockquote,ul,ol,dl {
  32         margin:1em;
  33 }
  34 ol,ul,dl {
  35         margin-left:2em;
  36 }
  37 ol li {
  38         list-style: decimal outside;
  39         margin-bottom:1em;
  40 }
  41 ul li {
  42         list-style: disc outside;
  43 }
  44
  45 /*begin YDN/YUI styles*/
  46
  47
  48 /*a, a code {color:#0000de;} */
  49 a:visited, a:visited code {color:#639;}
  50 a:active, a:active code {color: #f00;}
  51
  52 h1 a { color:#E76300; }
  53 h1 a:visited {color:#E76300}
  54
  55 #logo_pane { display: none; }
  56
  57 #ygma { margin:.5em auto 1em auto; }
  58
  59 /*#bd ul li {margin-bottom:1em;}*/
  60 #bd ul li ul {margin-top:0;margin-bottom:0;}
  61 #bd ol {}
  62 #bd ol li p { margin-left:0}
  63 #bd ol li ol {list-style:lower-alpha}
  64 #bd ol li ol li {margin-bottom:1em}
  65 #bd ol li ol li ol{list-style:lower-roman}
  66 #bd ol li ol li ol li {margin-bottom:1em}
  67
  68 #bd p.errormessage {background:url(http://l.yimg.com/a/i/us/search/gr/alertbubble.gif) 0 0 no-repeat; padding-left:30px; margin:2em 2em 2em 1em; font-weight:bold;}
  69
  70
  71 h2.classname { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 130%; color:#000;}
  72 h3.breadcrumb { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 80%; color:#000;}
  73 h3.methods { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 100%; color:#000;}
  74
  75 .screenshot {border:thin solid #999999; margin:8px;}
  76
  77
  78 #ft {  margin-top:4em }
  79 #ft p { padding-bottom:2em; margin:0; text-align:center; font-size:80%; line-height:1.4em}
  80 #ft p.first { padding:1em 0 0 0; margin:0; }
  81
  82 #pagetitle {background:#fff url(../assets/gradient-mod.png) repeat-x;border-color:#D9D9D9;margin-bottom:10px;clear:both;}
  83 #pagetitle h1 {padding:4px;margin:0; color:#333; font-size:123.1%; font-weight:bold; position:relative;}
  84 #pagetitle h1 em {color:#FF9933; font-size:60%; font-weight:bold; font-style:normal; position:relative;}
  85
  86
  87
  88 #ygunav {background:#eee; border-bottom:2px solid #ccc; padding:0 10px;font-size:78%;text-align:right;margin-bottom:6px;height:2.5em;line-height:2.5em;}
  89 html>body #ygunav {overflow:hidden;}
  90 #ygunav strong {font-family:verdana;}
  91 #ygunav p {display:inline;margin:0;padding:0;}
  92 #ygunav p em {float:left;text-align:left;font-style:normal; padding-top:.7em}
  93 * html #ygunav p em {margin-top:1px;}
  94 #ygunav p em i {visibility:hidden;}
  95 #ygunav a {color:#000;}
  96 #ygunav form {display:inline;margin:0 0 0 1em;}
  97 #ygsp {width:8em;font-size:110%;padding:0;vertical-align:middle;}
  98 #ygunav .ygbt {background:#dcdcdc;font:110% verdana;position:relative;top:1px;}
  99 * html #ygunav .ygbt {top:4px;}
 100 * html>body #ygunav .ygbt {line-height:0;top:-4px;}
 101 #ygunav label {color:#666;font-family:tahoma;top:1px;}
 102
 103 #bd ol.getstarted { margin:0; padding:0; }
 104 #bd ol.getstarted li { font-weight:bold; color:#668AA8; margin-bottom:1em; padding-left:20px; list-style-type:none;}
 105 #bd ol.getstarted li p { color:#000; font-weight:normal; margin:0 0 0 20px; padding:0 }
 106
 107 code {font-family:"Courier New", monospace; font-size: 100%;color:inherit;}
 108 p code {color:#000;}
 109 a code {color:inherit;}
 110
 111 /*div.apisummary {height:auto; margin:10px 0; width:auto; zoom:1;}
 112 div.apisummary table {font-size:inherit;font:100%; border-collapse:separate; border:1px solid #666666; border-left:none;}
 113 #doc3 div.apisummary table td, #doc3 div.apisummary table th {padding:.35em; vertical-align:top;}
 114 div.apisummary table th { background:#B6CDE1; color:#fff; vertical-align:top; font-weight:bold;}
 115 div.apisummary table td { border-top:1px solid #666666;}
 116 div.apisummary table td, div.apisummary table th { border-left:1px solid #666666;}
 117 div.apisummary table tr { background-color:#ddd;}
 118 div.apisummary table tr.odd { background-color:#fff; }
 119 div.apisummary table tfoot tr { background-color:#fff; }
 120 */
 121 dl#menuwidgets dt {font-weight:bold;}
 122 dl#menuwidgets {margin:0 0 0 1.5em;}
 123 img.example {clear:right;margin-bottom:10px;margin-left:10px;border:0;float:right;border:1px solid #999;}
 124
 125 /*YUI theater box on main page top right corner*/
 126 #yui-theater {width:316px; overflow:hidden;}
 127 #yui-theater h3 {margin:0; padding:0; color:#E76300;  font-size:100%; font-weight:bold; font-stretch:expanded;}
 128 #yui-theater h2 {margin:0 0 10px 0; padding:0; border:none; color:#000;  font-size:122%; font-weight:bold;}
 129 #yui-theater p {margin:7px 0 0 0;}
 130 #yui-theater div {float:right; font-size:85%;}
 131
 132 /*rss reader styles*/
 133 p.loading-content {background-image:url(http://l.yimg.com/a/i/ydn/yuiweb/img/busy_arrow.gif); background-position:top left; background-repeat:no-repeat; height:20px;padding:4px 0 0 25px; margin:0;}
 134 img.icon-rss {display:inline;border:none !important;position:relative;top:2px;left:1px;}
 135
 136 #index-secondary {width:316px;float:right;margin-left:10px;}
 137
 138
 139 /*styles for right gutter on component pages*/
 140 #componentvideo img {margin:.5em 0 .2em 0; border:1px solid #999;}
 141 .example-container h4 {margin:0.2em 0 .1em 0; color:#668AA8; font-size:92%;}
 142 #examples p, #componentvideo p {font-size:85%; margin:0 0 .2em 0;}
 143 #examples li.selected {font-weight:bold;}
 144
 145 /*styles for example pages*/
 146 /*.example .promo {background-color:#89d;border-color:#666666; padding:1em;}*/
 147 /*.example .promo h1, .example .promo h2, .example .promo  h3 {color:#FFCC66;}*/
 148 /*.example .promo h1 {font-size:159%; padding-top:0; margin-top:0;}*/
 149 .exampleIntro, .exampleIntro p, .exampleIntro a, .exampleIntro a code {color:#fff;}
 150 .example .promo p {margin-top:.7em;}
 151 .firstContent {margin-top:0; padding-top:0;}
 152 #logger {margin-top:1em;}
 153 .example-container {background-color:#F1F6F7;}
 154
 155 .example-container .bd {padding:1em; position:relative; z-index:1; zoom:1;}
 156 .example-container .bd .bd {padding:0; position:static;}   /* Reset to defaults to ensure styles are only applied to the top-level .bd of .example-container */
 157 .example-container>.bd:after {content:'.';visibility:hidden;clear:left;height:0;display:block;}
 158 .example-container .exampleHd {background: url(example-hd-bg.gif) 0 0 repeat-x #4E4D4C; }
 159 .example-container h3 {margin:.2em 0 .4em 0;}
 160 .example .example-container h1, .example .example-container h2, .example .example-container h3, .example .example-container h4, .example .example-container h5, .example .example-container h6 {color:#E76300; font-weight:bold;}
 161 .example-container a {color:#000;}
 162 .example-container a:visited, .example-container a:visited code {color:#000;}
 163 .example-container a:active, .example-container a:active code {color: #000;}
 164
 165 #loggerGloss {margin-top:.5em; font-size:85%;}
 166 #loggerDiv {font-size:77%;text-align:left;margin-top:.5em; visibility:hidden; height:280px; } /*gets turned on by script when loaded */
 167 #loggerDiv.yui-log {padding:.4em;width:96%;background-color:#FBE7D9;border:1px solid #666;font-family:monospace;z-index:9000;}
 168 #loggerDiv.yui-log p {margin:1px;padding:.1em;}
 169 #loggerDiv.yui-log .yui-log-hd {margin:0; padding:0; background-color:#CECCCC;}
 170 #loggerDiv.yui-log .yui-log-hd h4 {display:none;}
 171 #loggerDiv.yui-log .yui-log-bd {width:100%;height:20em;background-color:#FFF;border:1px solid #ECECEC;overflow-y:auto;overflow-x:hidden;}
 172 #loggerDiv.yui-log .yui-log-bd pre {border-top:1px solid #ECECEC;}
 173 #loggerDiv.yui-log .yui-log-bd code p {margin:1px 0;}
 174 #loggerDiv.yui-log .yui-log-ft .yui-log-categoryfilters {margin-top:.5em;clear:right;}
 175 #loggerDiv.yui-log .yui-log-ft .yui-log-sourcefilters {margin-top:.5em;border:none; clear:both;}
 176 #loggerDiv.yui-log .yui-log-btns {margin-top:.2em;padding:.2em;background: url(bg_hd.gif) 0 0 repeat-x #CECCCC; text-align:right; float:none; position:static;}
 177 #loggerDiv.yui-log .yui-log-filtergrp {margin-right:.3em; float:left; display:block}
 178 #loggerDiv.yui-log .yui-log-ft {margin-top:.3em;margin-bottom:.3em; font-family:verdana; zoom:1;}
 179 /*bug in Safari when this is applied to .yui-log-ft:*/
 180 #loggerDiv.yui-log:after {content:'.';visibility:hidden;clear:both;height:0;display:block;}
 181 .example-container.newWindow {text-align:center;}
 182 p.newWindowButton {text-align:right; margin-top:0; padding:.5em;}
 183 .bd p.newWindowButton {text-align:center;} /*when new window is required and button appears in middle of example body*/
 184 p.loggerButton {text-align:center;}
 185 #loggerLink a, #newWindowLink a {font-size:115%; font-weight:bold; color:#000099;}
 186 #newWindowLink a {font-size:107%;}
 187 #loggerModule {padding-bottom:.2em;}
 188
 189
 190 /*theater page styles*/
 191 .theater h1 {border-bottom:1px dashed #CCC; margin-bottom:1em;padding-bottom:.2em;}
 192 .theater img {border:1px solid #666;}
 193 .theater img.last {border:1px solid #666;}
 194 .theater p.details {font-size:77%; color:#666; margin:.2em 0 0 0; padding:0;}
 195 .theater p.description,
 196  #doc3 .theater ul li  {font-size:85%; margin:0; padding:0; color:#333;}
 197
 198 #readmePanel .hd { font-weight:bold; font-size:129%; color:#fff; background:#89d; }
 199 #readmePanel .bd {text-align:left; overflow:auto;}
 200 #readmePanel .ft {text-align:right; background-color:#E7E7E7; font-size:85%;}
 201 /* Browser specific (not valid) styles to make preformatted text wrap */
 202 #readmePanel .bd pre {
 203  white-space: pre-wrap;       /* css-3 */
 204  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 205  white-space: -pre-wrap;      /* Opera 4-6 */
 206  white-space: -o-pre-wrap;    /* Opera 7 */
 207  word-wrap: break-word;       /* Internet Explorer 5.5+ */
 208  font-size: 100%;
 209  color:#000033;}
 210
 211 /*ed eliot's server-side delicious badge css*/
 212 #delicious-badge .bookmark { background: url(http://images.del.icio.us/static/img/delicious.small.gif) no-repeat left center; padding-left: 15px; font-weight: bold; }
 213 #delicious-badge p, #delicious-badge div {text-align: center; margin:0;}
 214 #delicious-badge a { color: #00f; text-decoration: none; }
 215 #delicious-badge div { background: #eee; }
 216 #delicious-badge div span { font-weight: bold; color: #000; }
 217 #delicious-badge ul, #delicious-badge li { display: inline; list-style: none; padding: 0; margin: 0;background:none; }
 218 #delicious-badge li { margin-left: 5px; }
 219 #delicious-badge li span { position: absolute; left: -999px; width: 999px; }
 220 #delicious-badge .saved-by { color: #999; }
 221 #delicious-badge .saved-by span { background: #00f; padding: 3px; color: #fff; }
 222 #delicious-badge .be-first { font-size: 85%; color: #999; }
 223 #delicious-badge .tag-size-1 { font-size: 100%; }
 224 #delicious-badge .tag-size-2 { font-size: 107%; }
 225 #delicious-badge .tag-size-3 { font-size: 114%; }
 226 #delicious-badge .tag-size-4 { font-size: 122%; }
 227 #delicious-badge .tag-size-5 { font-size: 129%; }
 228
 229 /*faq page:*/
 230 .yui-ge .yui-g {width:98%;}
 231 .yui-ge .yui-g .yui-u {width:48.1%;}
 232 #questions {margin:1em 0 2em 0; padding:0.5em; border:1px solid #838383; background-color:#E6E6E6;}
 233 #questions ul {margin:0; list-style:none;}
 234 #yui-main #questions li {padding-bottom:.2em; font-size:85%; margin:0;}
 235 #questions li a {display:block; padding:.6em; text-decoration:none;}
 236 #questions li a:hover {background-color:#F6F6F6;}
 237
 238 /*for notes on file includes*/
 239 .configurator-notice {margin:0;}
 240 #configuratorBadge {display:block; float:right; margin:0 0 10px 10px;}
 241 .include-notice {clear:left; border:1px solid #6F7EA1; background:#eee; padding:.7em;}
 242 .include-notice p.firstP {margin-top:0;}
 243 .include-notice p.lastP {margin-bottom:0;}
 244 .include-notice strong {color:#990000;}
 245 .configurator-notice p {font-size:93%;}
 246
 247 /*for site search suggest via autocomplete*/
 248 #ygunav {overflow:visible !important;}
 249 /*#sitesearch {float:right; width:37em; position:relative; text-align:right; z-index:1000;} */
 250 /*#searchinput {width:15em; font-size:11px; font-weight:bold; position:relative; top:2px;}*/
 251
 252 /* v3 modules */
 253
 254 /* colors
 255         orange                                  = #FF8800;
 256         green                                   = #89B31F;
 257         teal                                    = #2288BB;
 258         light gray stroke               = #D9D9D9;
 259         normal gray text                = #666666;
 260
 261         h1 {font-size:212%;color:#89b31f !important;}
 262         h2 {font-size:153.9%;color:#89b31f !important;}
 263         a {color:#2288bb;text-decoration:none;}
 264
 265         /yui/assets/bullet4x4.png
 266         /yui/assets/gradient-promo.png
 267
 268 /* examples swatch
 269
 270     * C0FFF6 - light blue
 271     * 8DD5E7 - blue
 272     * 00B8BF - teal
 273     * CDCDCD - gray
 274     * CFB192 - tan
 275     * 71241A - brown
 276     * EDFF9F - lime
 277     * FFA928 - yellow/gold
 278     * D00050 - red
 279     * FFA882 - peach
 280     * 53DBA6 - bright purple
 281     * 004C6D - dark blue
 282
 283 */
 284
 285
 286 #bar-note {
 287         background:#F2FBFF url(../assets/gradient-promo.png) repeat-x 0 0;padding:3px;margin:0 20px 10px 20px;font-size:85%;clear:both;}
 288 #bar-note strong {font-weight:bold;}
 289 #bar-note a {color:#004C6D;text-decoration:none;font-weight:bold;}
 290 #bar-note a:hover {text-decoration:underline;}
 291 #bar-note p {margin:0;text-align:center;}
 292 span.desc {text-transform:uppercase;font-size:77%;font-family:verdana;display:block;}
 293
 294 #main {color:#333;}
 295 #main a {color:#2288BB;text-decoration:none;}
 296 #main a:hover {text-decoration:underline;}
 297 #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {margin:0;}
 298 #main h2 {font-size:212%;color:#89B31F;font-weight:normal;margin:0 0 12px 0;padding:0;}
 299 #main h3 {font-size:153.9%;color:#FF8800;font-weight:normal;margin:0 0 12px 0;padding:0;}
 300 #main h4 {font-size:123.1%;font-weight:normal;color:#FF8800;;margin-bottom:10px;}
 301 #main h5 {font-size:93%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:12px;}
 302 #main h5 code {text-transform:none;}
 303 #main h6 {font-size:93%;font-weight:normal;color:#FF8800;margin-bottom:10px;font-weight:bold;}
 304 #main p,
 305 #main form {margin-bottom:1em;}
 306 #main div.clear {clear:both;}
 307 #main strong {font-weight:bold;}
 308 #main em {font-style:italic;}
 309
 310 #promo, .example .promo {background:#f2fbff url(../assets/gradient-promo.png) repeat-x 0 0;border:1px solid #D9D9D9;padding:13px;margin-bottom:13px;}
 311 #promo p, .promo p {margin-bottom:1em;}
 312 /*#promo ul, .promo ul {margin:0 0 1em 0;padding:0;}
 313 #promo ul ul, .promo ul ul {margin:0;padding:0;}*/
 314 #promo .yui-u ul {margin:0 0 1em 0;padding:0;}
 315 #promo .yui-u ul ul {margin:0 0 0 0;padding:0;}
 316 /*#promo ul li, .promo ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;}*/
 317 #promo .yui-u ul li, .promo .yui-u ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;}
 318
 319 #main .yui-g {width:100%;}
 320 #promo #quicklinks {}
 321 #promo #jumps {}
 322 #promo h4, .promo h4 {font-size:100%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:10px;margin-right:10px;}
 323 #promo code {color:inherit;font-weight:bold;}
 324 #promo .yui-gb {float: left; width: 100%; margin-bottom: 16px;}
 325
 326 #utilityboxes {}
 327 #utilityboxes .mod {border:1px solid #D9D9D9;}
 328 #utilityboxes .mod .hd,
 329 #utilityboxes .mod .bd {border:1px solid #fff;}
 330 #utilityboxes .mod .hd {background-color:#999;padding:4px 6px 2px 6px;}
 331 #utilityboxes .mod .hd h4 {color:#FFF;border:none;margin:0;font-size:100%;font-weight:bold;}
 332 #utilityboxes .mod .bd {border-top:none;padding:6px;padding-bottom:0;}
 333 #utilityboxes ul {margin:0;padding:0;margin-bottom:1em;}
 334 #utilityboxes ul li {list-style: none;margin:0;padding:0 0 0 15px;background:url(../assets/bullet4x4.png) no-repeat 3px 6px;}
 335 #utilityboxes table td {background:none;padding:0;}
 336 #utilityboxes table {margin:0;}
 337
 338
 339 /* for frontpage*/
 340
 341 .index-main #download {margin-bottom:2em;}
 342 .index-main #download img {float:left; padding:0 0.5em 0.5em 0;}
 343 .index-main {margin-right:331px;}
 344 .inlay a {display:block;float:right;margin:-10px 0 13px 10px;}
 345
 346 /* sidebars */
 347
 348 .sidebar .mod {margin-bottom:1em;}
 349 .sidebar .mod .bd li,
 350 .sidebar .mod .bd p {font-size:85%;color:#666;}
 351 .sidebar .mod p {margin:1em 0;}
 352 .sidebar .mod li p {margin:0 0 1em 0;}
 353 .sidebar .mod .bd li p {font-size:100%;}
 354 .sidebar .mod h5 {font-size:85%;font-weight:normal;text-transform:uppercase;color:#666;border-bottom:1px solid #D9D9D9;margin-bottom:6px;}
 355 /* lists */
 356 .sidebar .mod ul {margin:0;padding:0;}
 357 .sidebar .mod li {list-style:none;margin:0;padding:0 0 0 12px;background:url(../assets/bullet-box6x6.gif) no-repeat 0 4px;}
 358 .sidebar .mod a {color:#2288BB;text-decoration:none;}
 359 .sidebar .mod a:hover {text-decoration:underline;}
 360 .sidebar .mod h4 {margin:0;padding:0;line-height:1;}
 361 .sidebar .mod .hd {padding:5px 6px 5px 6px;}
 362 .sidebar .mod .bd {padding:10px;}
 363 .sidebar .mod .ft {padding:0 10px 10px 10px;}
 364
 365 a#pdf-all {padding-left:16px;background:url(../assets/download-arrow.png) no-repeat 0 0px;}
 366
 367 .box3 {border:1px solid #D9D9D9;background-color:#F5F5F5;}
 368         .box3 .hd {background-color:#999;}
 369         .box3 h4 {color:#FFF;}
 370         .box3 .bd img {display:block;}
 371         /*inner stroke*/
 372         .box3 .hd {border:1px solid #fff;border-bottom-width:0;}
 373         .box3 .bd {border:1px solid #fff;border-bottom-width:0;}
 374         .box3 .ft {border:1px solid #fff;border-top-width:0;}
 375         /* for cheatsheet download tracking*/
 376         .box3 a#pdf-all {padding-left:16px;background:url(../assets/download-arrow.png) no-repeat 0 0px;}
 377
 378         .box4 {border:1px solid #D9D9D9;background:url(../assets/gradient-mod.png) repeat-x 0 0;}
 379                 .box4 h4 {color:#89B31F;}
 380
 381
 382         #bd .toc3 {border:1px solid #D9D9D9;background-color:#F5F5F5;}
 383         #bd .toc3 ul {padding:0;margin:0;border:1px solid #FFF;border-top:none;}
 384
 385         #bd .toc3 li {font-size:85%;list-style:none;list-style:none;margin:0;background:transparent url(../assets/bullet-box6x6.gif) no-repeat 6px 7px;}
 386         #bd .toc3 li.sect {font-size:85%;font-weight:normal;text-transform:uppercase;color:#666;
 387                 border-bottom:1px solid #D9D9D9;margin:6px 6px 6px 6px;padding:4px 5px 4px 0;background:none;}
 388         #bd .toc3 li a {color:#2288BB;text-decoration:none;display:block;padding:2px 5px 2px 16px;}
 389         #bd .toc3 li a:hover {text-decoration:underline;}
 390         #bd .toc3 li.selected {background-color:#999;}
 391         #bd .toc3 li.selected a {color:#FFF;}
 392         #bd .toc3 li.selected a:hover {color:#FFF;}
 393
 394
 395         /* */
 396         .example h2 em {font-size:78.5714%;color:#666;font-style:normal;}
 397         .ex-box {border:1px solid #D9D9D9;}
 398         .ex-box .bd {background:#F2FBFF url(../assets/gradient-promo.png) repeat-x 0 0;padding:10px;border:1px solid #FFF;}
 399         .ex-box .ft {background:#F2FBFF url(../assets/gradient-example-ft.png) repeat-x 0 0;border-top:1px solid #D9D9D9;}
 400
 401         /*left navigation TOC */
 402         /*#toc {background-color:#ecf5fa; padding:0; border:1px solid #89d }
 403         #toc ul {margin:0; padding:0;}
 404         #toc ul li {list-style:none; padding:0; margin:0;  font-size:85%; }
 405         #toc ul li.selected { font-weight:bold; color:#fff; background:#f82; padding:0; }
 406         #toc ul li.selected a { color:#fff; }
 407         #toc ul li a { display:block; padding:2px 2px 2px 10px; text-decoration:none; }
 408         #toc ul li a:hover { color:#fff; background:#e60; }
 409         #toc ul li em { display:none; }
 410         #toc ul li.sect { font-weight:bold; color:#fff; background:#89d; padding:2px 0; text-indent:2px; margin-top:2px;}
 411         #toc ul li.first {margin-top:0;}*/
 412
 413
 414         .apisummary table,
 415         table {width:100%;margin-bottom:1em;}
 416
 417         .apisummary table tr,
 418         table tr {vertical-align:top;}
 419
 420         .apisummary table caption,
 421         table caption {display:none;}
 422
 423         .apisummary table th,
 424         table th {background-color:#6c8ea1;color:#FFF;text-transform:uppercase;font-weight:bold;}
 425
 426         .apisummary table td,
 427         table td {background-color:#e5edf1;}
 428         .apisummary table tr.odd,
 429         table tr.odd td {background-color:#F5F8F9;}
 430
 431         .apisummary table th,
 432         .apisummary table td,
 433         table th, table td {padding:5px;border:2px solid #fff;}
 434
 435         .apisummary table tr {background-color:#f5f8f9;}
 436         dl {margin:0;}
 437         dl dt {
 438                 /*giving UL's LIs generated numbers*/
 439                 font-weight:bold;}
 440         dl dd {margin:1em 0 1.5em 1em;}
 441         .dp-highlighter table tr, .dp-highlighter table td {border:0;padding:0;background-color:#FFF;}
 442         table tr {background-color:#fff;}
 443         table td dl {margin:1em 0;}
 444
 445 .dp-highlighter .line1, .dp-highlighter .line2 {padding-left: 10px;white-space:nowrap;}
 446
 447 table.auto {width:auto;}
 448 #main .examplesTable h4 {margin:0;color:#FFF;}
 449 #main .promo a {color:#333;}
 450 #main .promo .newWindowButton a {text-decoration:underline;color:#2288BB;}
 451
 452
 453 /*for new header treatment*/
 454
 455 /*header area*/
 456 #topMaxCont{width:100%;background:#fff;height:1.7em;}
 457 #topContainer{margin-left:auto;margin-right:auto;/*width:74.8em;*/}
 458 #topIntCont{width:74.8em;float:left;height:1.7em;}
 459 #headerMaxCont{width:100%;height:4.1em;background:url('http://l.yimg.com/a/i/ydn/header-top-bkg.jpg') repeat-x #0066a0;margin-bottom:1em;}
 460 #headerContainer{margin-left:auto;margin-right:auto;height:4.15em;}
 461 #headerMainSandbag {position:absolute;width:100%;height:4.1em;top:0;left:50%;margin-left:-62.1em;}
 462 #headerMainSandbag {background: transparent url('http://l.yimg.com/a/i/ydn/header-top.jpg') no-repeat 50% top;z-index:0;}
 463 #headerSubSandbag {position:absolute;width:123.5em;height:1.9em;top:5.77em;left:50%;margin-left:-62.1em;}
 464 #headerSubSandbag {background: transparent url('http://l.yimg.com/a/i/ydn/header-sub.jpg') no-repeat 50% top;z-index:0;}
 465 .ydnLogo{position:relative;/*left:-2.3em;*/}
 466 #subHMaxCont{width:100%;height:1.9em;background:url('http://l.yimg.com/a/i/ydn/header-sub-bkg.jpg') repeat-x;}
 467 #subHContainer{margin-left:auto;margin-right:auto;width:74.8em;}
 468 #subHIntCont{float:left;position:relative;left:-.76em;bottom:1.6em;width:74.8em;z-index:201;}
 469 #topDropMaxCont{width:100%;height:1.9em;background:url('http://l.yimg.com/a/i/ydn/header-shadow-bkg.gif') repeat-x;margin-bottom:1.8em;}
 470 #topDropContainer{margin-left:auto;margin-right:auto;width:74.8em;}
 471 #topDropIntCont{text-align:left;}
 472 #breadcrumbs{font-size:92%;height:1.2em;width:74.8em;float:left;text-decoration:none;margin-left:0;padding:0;position:relative;top:-1em;}
 473 #breadcrumbs a{text-decoration:none;color:#2288bb;}
 474 #breadcrumbs a:hover{height:2em;float:left;text-decoration:underline;}
 475 #bcSep{float:left;width:1.5em;height:1.5em;background:url('http://l.yimg.com/a/i/ydn/bcsep.gif')no-repeat;position:relative;bottom:3px;margin-right:.5em;}
 476 #bcItem{float:left;margin:0 .5em 0 0}
 477 #breadcrumbs a.bcOn{color:#888;}
 478 #topAreaL{float:left;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;width:500px;}
 479 #topAreaL ul li{float:left;margin-left:8px;padding-left:8px;border-left:1px solid #dfdfdf;}
 480 #topAreaL ul li.first{float:left;margin-left:0; border-left:0;}
 481 #topAreaL strong{margin-left:60px;font-weight:bold;}
 482 #topAreaR{float:right;color:#9f9f9f;font-size:85%;padding:6px 0 0 0;display:block;}
 483 #topAreaR ul li{float:left; margin-left:8px; padding-left:8px; border-left:1px solid #dfdfdf;}
 484 #topAreaR ul li.first{margin-left:0; border-left:0;}
 485 #topAreaR strong{margin-left:0px;font-weight:bold;margin-right:40px;}
 486
 487 #ydnNav{float:left;padding:.4em 0;}
 488 #ydnNav .yuimenubaritemlabel {float:left;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;}
 489 #ydnNav .yuimenubaritemlabel-hassubmenu-selected {background:url('http://l.yimg.com/a/i/ydn/top-nav-arrow-off.gif') no-repeat .13em .8em ;z-index:181;}
 490 #ydnNav .yuimenubaritemlabel em{position:relative;color:#fff;font-weight:bold;font-style:normal;}
 491 #ydnNav li a:hover {color:#fff;}
 492 #ydnNav ul li.yuimenubaritem{padding:0 .5em;background:url('http://l.yimg.com/a/i/ydn/top-navsep.gif') no-repeat;}
 493 #ydnNav ul li.first-of-type{background:0;padding-left:0;margin:0;}
 494 #ydnNav li .yuimenu a {color:#28b;text-decoration:none; font-size:120%; padding-bottom:.3em;z-index:182;}
 495 #ydnNav ul li.first-of-type{background:none;}
 496 #ydnNav .yuimenubaritemlabel-selected{background:url('http://l.yimg.com/a/i/ydn/nav-hover-bg.gif') repeat-x;z-index:180;}
 497 #ydnNav li .yuimenu a:hover {color:#28b;text-decoration:underline;}
 498 .lowerc{text-transform:lowercase;}
 499 .dropArrow{margin-left:.3em;margin-bottom:.13em;display:inline;}
 500 .innerSubMenuArea{background-color:#f5f5f5;background:url('http://l.yimg.com/a/i/ydn/nav-submenu-drop-bg.gif') repeat-x top #f5f5f5;padding:.8em .8em;font-size:85%;text-align:left;border-top:0;z-index:183;border-top:1px solid #fff;}
 501 .yuimenu .bd ul{float:left;min-width:8em;max-width:16em;margin-right:2em;}
 502
 503 .submenuindicator{display:none;}
 504 .subMenuH{color:#6BAE00;text-transform:uppercase;font-size:114%;font-weight:bold; padding-bottom:.3em;}
 505 .yuimenu .x1,.yuimenu .x1a,.yuimenu .x2,.yuimenu .x2a {display:block;background:url('http://l.yimg.com/a/i/ydn/glow.png') no-repeat;_background:transparent;width:100%;height:100%;position:absolute;}
 506 .yuimenu .x1{background-position:0 0;z-index:-2;top:-10px;left:-10px;bottom:0;padding:0 10px 10px 0;}
 507 .yuimenu .x1 .x1a {height:10px;width:10px;background-position:100% 0;right:-10px;top:0;}
 508 .yuimenu .x2 {background-position:100% 100%;z-index:-1;bottom:-10px;right:-10px;padding:10px 0 0 10px;}
 509 .yuimenu .x2 .x2a {height:10px;width:10px;background-position:0 100%;left:-10px;bottom:0;}
 510 #innerMenuL{float:left;min-width:8em;max-width:16em;margin-right:2em;}
 511 #menuColContainer{float:left;}
 512
 513 #headeraL{float:left;color:#9f9f9f;font-size:85%;padding:.23em 0;}
 514 #headeraL ul li{float:left; border-left:1px solid #dfdfdf;}
 515 #headeraL ul li.first{float:left;margin-left:0; border-left:0;}
 516 #headeraL strong{margin-left:4.6em;font-weight:bold;}
 517
 518 #headeraR{float:right;color:#86cdf5;padding-right:10px;}
 519 #headeraR ul li{float:left; margin-left:8px; padding-left:.7em; border-left:1px solid #86cdf5;font-size:85%;font-weight:bold;}
 520 #headeraR ul li.first{border-left:0;}
 521 #searchArea{z-index:190;position:relative;margin-top:1.2em;width:29em;text-align:right;}
 522 ul.srchOptns li{margin-top:.3em;}
 523
 524
 525
 526         /*new footer*/
 527
 528         /* begin footer area */
 529         #footermainCont{width:100%;}
 530         #footerMaxCont {width:100%;clear:both;background-color:#eaeaea;border-top:1px solid #fff;}
 531         #footerInternal{float:left;text-align:left;}
 532         #footerBotMainCont{width:100%;}
 533         #footerBotMaxCont {width:100%;clear:both;background-color:#fff;border-top:1px solid #fff;}
 534         #footerBotContainer{margin-left:170px;margin-right:auto;background:#fff;}
 535         #footerBotInternal{float:left;text-align:left;}
 536         #ydnfoot{border-top:0;}
 537         #ydnfoot{background:#f2f2f2;text-align:left;}
 538         #ydnfoot a{text-decoration:none;color:#2288bb;}
 539         #ydnfoot a:hover{text-decoration:underline;color:#19577D;}
 540         #ydnfoot_top{background:#eaeaea;color:#acacac;}
 541         #ydnfoot_top p, #ydnfoot_top strong {}
 542         #ydnfoot_top h3 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#fff;}
 543         #ydnfoot h2 {font-weight:bold;text-transform:uppercase;font-size:120%;color:#000;}
 544         #ydnfoot_mid{background:#f5f5f5;}
 545         #ydnfttopL{float:left;width:157px;}
 546         #ydnfttopR{float:left;width:137px; margin-left:0;}
 547         #ydnfttop2L{float:left;width:100px;}
 548         #ydnfttop2R{float:left;width:100px; margin-left:0;}
 549         #ydnfttop2LL{float:left;width:100px;}
 550         #centr1, #centr2, #centr3, #centr4, #centr5, #centr6 {font-size:85%;float:left; width:108px;}
 551         #ydnfoot strong{font-weight:bold;}
 552         #ydnfoot ul{padding:0;list-style-type:disc;list-style-position: inside;}
 553         #ydnfoot li{color:#2288bb;list-style-type:disc;}
 554         #ydnfoot_top dt{margin-top:.3em;}
 555         #ydnfoot_mid dt{margin-top:1em;}
 556         #devcentL, #devcentR {padding:1em 1em 0 0;}
 557         #devcentL{float:left;}
 558         #devcentR{float:left;}
 559         #ydnfoot_bot{float:left;color:#666;font-size:86%;width:989px;padding:1em;border-top:1px solid #fff;}
 560         #ydnfoot_bot a:hover, #ydnfoot_top a:hover{text-decoration:underline;color:#000;}
 561         #ydnfoot .ftbtmL{float:left;}
 562         #ydnfoot .ftbtmR{float:right;}
 563         #fthrline{float:left;width:100%;}
 564         #ydnfoot .midlsect{border-right:1px solid red;}
 565         #boxtop1{float:left;width:311px;border-right:1px solid #fff;padding:13px;height:7em;}
 566         #boxtop2{float:left;width:311px;border-right:1px solid #fff;padding:13px;}
 567         #boxtop3{float:left;width:311px;padding:13px;}
 568         #boxmid1{float:left;border-right:1px solid #fff;padding:13px;width:655px;}
 569         #boxmid2{float:left;border-right:1px solid #fff;padding:13px;width:655px;}
 570         #boxmid3{float:left;padding:1em 0 1em .3em;}
 571
 572
 573         #footer3 {clear:both;background:url('http://l.yimg.com/a/i/us/ydn/tiy.gif') no-repeat top right;margin:20px 10px 10px 0;height:20px;}
 574         #footer3legal {padding-left:190px;padding-right:136px;padding-top:5px;}
 575         #footer3legal p {color:#BBB;font-size:93%;}
 576         #footer3legal a {color:#28b;text-decoration:none;}
 577         #footer3legal a:hover {text-decoration:underline;}
 578
 579         /* end footer area*/
 580
 581
 582
 583 /* IE6 hack for 3 column layout */
 584 #infra.yui-u {
 585     *width:31%;
 586 }
 587
 588
 589 /* updates for pr2 */
 590
 591 #main ul.topiclist p.topic {margin:0 0 1em 0;font-weight:bold;}
 592 #main ul.topiclist p {margin:0 0 1em 0;}
 593 #main dl dt code {font-weight:bold;color:#333;}
 594 div.wideimage {margin-bottom:1em;}
 595 #downloadbtn {
 596         border:1px solid #fff;border-bottom:none;
 597 }
 598 #downloadbtn a {
 599         margin:10px;
 600         border:1px solid #89B31F;
 601         background-color:#fff;
 602         display:block;
 603         font-size:93%;
 604         color:#004C6D;
 605         line-height:2em;
 606         padding:0 10px;
 607         text-decoration:none;
 608         text-align:center;
 609 }
 610 #downloadbtn a:hover {
 611         text-decoration:underline;
 612 }
 613
 614 /* New syntax Highlighter Core */
 615 .yui-syntax-highlight {
 616     background-color: #F5F5F5;
 617     border: 1px solid #D9D9D9;
 618     padding: .75em;
 619     overflow-x: auto;
 620     position: relative;
 621     margin-bottom: 15px;
 622     _width: 97%;
 623     _margin-bottom: 1.5em;
 624 }
 625
 626 .yui-syntax-highlight .numbers {
 627     display: none;
 628 }
 629
 630 .yui-syntax-highlight-linenumbers .numbers {
 631     display: block;
 632 }
 633
 634 .yui-syntax-highlight-linenumbers .nonumbers {
 635     display: none;
 636 }
 637
 638 .yui-syntax-highlight ol {
 639     margin-top: 0;
 640     margin-left: 2em;
 641 }
 642
 643 .yui-syntax-highlight ol li {
 644     margin-bottom: 0;
 645 }
 646
 647 .yui-syntax-highlight textarea {
 648     display: none;
 649 }
 650
 651 .yui-syntax-highlight .syn-header {
 652     position: absolute;
 653     right: 5px;
 654     top: 0;
 655     background-color: #F5F5F5;
 656 }
 657 .yui-syntax-highlight .hidden {
 658     visibility: hidden;
 659     position: absolute;
 660     top: 0;
 661     left: 0;
 662     height: 0px;
 663     width: 0px;
 664     background-color: red;
 665 }
 666
 667 /* HTML Colors */
 668 .yui-syntax-highlight .html4strict  {font-family:monospace;}
 669 .yui-syntax-highlight .html4strict .imp {font-weight: bold; color: red;}
 670 .yui-syntax-highlight .html4strict .kw2 {color: #000000; font-weight: bold;}
 671 .yui-syntax-highlight .html4strict .kw3 {color: #000066;}
 672 .yui-syntax-highlight .html4strict .es0 {color: #000099; font-weight: bold;}
 673 .yui-syntax-highlight .html4strict .br0 {color: #66cc66;}
 674 .yui-syntax-highlight .html4strict .sy0 {color: #66cc66;}
 675 .yui-syntax-highlight .html4strict .st0 {color: #ff0000;}
 676 .yui-syntax-highlight .html4strict .nu0 {color: #cc66cc;}
 677 .yui-syntax-highlight .html4strict .sc-1 {color: #808080; font-style: italic;}
 678 .yui-syntax-highlight .html4strict .sc0 {color: #00bbdd;}
 679 .yui-syntax-highlight .html4strict .sc1 {color: #ddbb00;}
 680 .yui-syntax-highlight .html4strict .sc2 {color: #009900;}
 681 .yui-syntax-highlight .html4strict span.xtra { display:block; }
 682
 683 /* Javascript Colors */
 684 .yui-syntax-highlight .javascript  {font-family:monospace;}
 685 .yui-syntax-highlight .javascript .imp {font-weight: bold; color: red;}
 686 .yui-syntax-highlight .javascript .kw1 {color: #000066; font-weight: bold;}
 687 .yui-syntax-highlight .javascript .kw2 {color: #003366; font-weight: bold;}
 688 .yui-syntax-highlight .javascript .kw3 {color: #000066;}
 689 .yui-syntax-highlight .javascript .co1 {color: #006600; font-style: italic;}
 690 .yui-syntax-highlight .javascript .co2 {color: #009966; font-style: italic;}
 691 .yui-syntax-highlight .javascript .coMULTI {color: #006600; font-style: italic;}
 692 .yui-syntax-highlight .javascript .es0 {color: #000099; font-weight: bold;}
 693 .yui-syntax-highlight .javascript .br0 {color: #009900;}
 694 .yui-syntax-highlight .javascript .sy0 {color: #339933;}
 695 .yui-syntax-highlight .javascript .st0 {color: #3366CC;}
 696 .yui-syntax-highlight .javascript .nu0 {color: #CC0000;}
 697 .yui-syntax-highlight .javascript .me1 {color: #660066;}
 698 .yui-syntax-highlight .javascript span.xtra { display:block; }
 699
 700 /* CSS Colors */
 701 .yui-syntax-highlight .css  {font-family:monospace;}
 702 .yui-syntax-highlight .css .imp {font-weight: bold; color: red;}
 703 .yui-syntax-highlight .css .kw1 {color: #000000; font-weight: bold;}
 704 .yui-syntax-highlight .css .kw2 {color: #993333;}
 705 .yui-syntax-highlight .css .co1 {color: #a1a100;}
 706 .yui-syntax-highlight .css .co2 {color: #ff0000; font-style: italic;}
 707 .yui-syntax-highlight .css .coMULTI {color: #808080; font-style: italic;}
 708 .yui-syntax-highlight .css .es0 {color: #000099; font-weight: bold;}
 709 .yui-syntax-highlight .css .br0 {color: #00AA00;}
 710 .yui-syntax-highlight .css .sy0 {color: #00AA00;}
 711 .yui-syntax-highlight .css .st0 {color: #ff0000;}
 712 .yui-syntax-highlight .css .nu0 {color: #cc66cc;}
 713 .yui-syntax-highlight .css .re0 {color: #cc00cc;}
 714 .yui-syntax-highlight .css .re1 {color: #6666ff;}
 715 .yui-syntax-highlight .css .re2 {color: #3333ff;}
 716 .yui-syntax-highlight .css .re3 {color: #933;}
 717 .yui-syntax-highlight .css span.xtra { display:block; }
 718
 719