/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ 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;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}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.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{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.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.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-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.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 div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.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-gb .yui-u,.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-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.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 .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.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:1.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-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-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.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-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%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#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;}/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /** * Copyright (c) 2006-2007, Bill W. Scott * All rights reserved. * * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA. * * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com). * * The only attribution I require is to keep this notice of copyright & license * in this original source file. * * Version 1.0 - 10.21.2008 */ /** * Standard Configuration. It is advised that this section NOT be modified as the * carousel.js expects the behavior outlined below. **/ .carousel-component { position:relative; overflow:hidden; /* causes the clipping */ display:none; /* component turns it on when first item is rendered */ } .carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; } .carousel-component .carousel-list li { float:left; list-style:none; overflow:hidden; } /** * VERTICAL CAROUSEL DEFAULTS **/ .carousel-component .carousel-vertical li { margin-bottom:0px; /* Fix for extra spacing in IE */ float:left; clear:left; /* Force the LI to respect the HEIGHT specified */ overflow:hidden; display:block; } /* For vertical carousel, not set, width defaults to auto */ /* Note if you explicitly set width to auto, this might cause */ /* problems with Safari... as in up/down button not working in some examples. */ .carousel-component ul.carousel-vertical { /* width:auto;*/ } .carousel-component .carousel-clip-region { overflow:hidden; /* Secret to the clipping */ margin:0px auto; position:relative; } /** * ============================================================================== * Safe to override. It is safe to override background, padding, margin, color, * text alignment, fonts, etc. Define a separate CSS file and override your style * preferences. **/ .carousel-component { background:#e2edfa; padding:0px; -moz-border-radius:6px; color:#618cbe; } .carousel-component ul.carousel-list { margin:0px; padding:0px; line-height:0px; } .carousel-component .carousel-list li { text-align:center; margin:0px; padding:0px; font:10px verdana,arial,sans-serif; color:#666; } .carousel-component .carousel-vertical li { } .carousel-component ul.carousel-vertical { } /*Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */ /*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}ol,ul {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;} /*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} /*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.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-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.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-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#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;} /*begin YDN/YUI styles*/ #bd {padding-top:1em;} .yui-gb:after{clear:none;} #doc3 {min-width:950px;} h1, h2, h3, h4, h5, h6, p {line-height:1.2em; color:#67747f; font-size:100%; margin:1em 0 0 0;} h1, h2, h3, h4, h5, h6 {font-weight:bold;} h1.first-content, h2.first-content, h3.first-content {margin-top:0; padding-top:0; border:none;} /*if an h is the first thing on the page or in a section, it should be flush with the top border of its content area; otherwise, its content area should be padded to create space.*/ p {color:#000; margin-bottom:1em } h1 { font-size: 136%; padding:0; padding-top:18px} .wiki h1 { font-size: 120%; padding:0; margin-bottom:1em} h2 { font-size: 110%; margin-top:1.5em; margin-bottom:.2em; padding:1em 0 0 0; border-top:1px dashed #C3D2DC;} h2.first { border-top:none; margin-top:0; margin-bottom:.2em;} #doc3 h2.first { float:none; /*float specified to resolve conflict on generic float declaration for .first in grids*/} h4 {margin-top:1em; color: #000;} ul, ol, dl, dd {margin-left:30px;} dt { font-weight:bold; } ul, ol {margin-bottom:.7em;} ul {list-style:disc;} ol {list-style:decimal;} strong {font-weight:bold;} em {font-style:italic;} a, a code {color:#0000de;} a:visited, a:visited code {color:#639;} a:active, a:active code {color: #f00;} h1 a, h2 a, h3 a, h4 a, h5 a { color:#67747f; } h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {color:#67747f} #logo_pane { display: none; } #ygma { margin:.5em auto 1em auto; } #bd ol {} #bd ol li p { margin-left:0} #bd ol li ol {list-style:lower-alpha} #bd ol li ol li {margin-bottom:1em} #bd ol li ol li ol{list-style:lower-roman} #bd ol li ol li ol li {margin-bottom:1em} #bd p.errormessage {background:url(http://us.i1.yimg.com/us.yimg.com/i/us/search/gr/alertbubble.gif) 0 0 no-repeat; padding-left:30px; margin:2em 2em 2em 1em; font-weight:bold} #bd ul {margin-top:2px; } #bd ul.topspace { margin-top:1em } /*#bd ul li { margin:0 17px 0 7px; }*/ #bd ul li ul { margin-top:0em } #bd ul.plain {margin-top: 0; list-style: none;} #bd ul.plain ul {margin-top: 0; list-style: none;} #bd ul.jump {list-style: none; margin-top: 1em;} #bd ul.jump li {margin-top: .5em;} /*#bd table { margin:10px 17px; width:720px; }*/ #bd th { background:#B6CDE1; padding:2px; color:#fff; vertical-align:top} #bd td { padding:2px; vertical-align:top} #bd td.even { background:red; } h2.classname { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 130%; color:#000000} h3.breadcrumb { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 80%; color:#000000} h3.methods { border-top:none; margin-top:0; margin-bottom:.2em; font-size: 100%; color:#000000} .screenshot {border:thin solid #999999; margin:8px;} #toc {background-color:#ecf5fa; padding:0; border:1px solid #89d } #toc ul {list-style:none; margin:0; padding:0; font-size:90%; } #toc ul li { padding:0; margin:0; } #toc ul li.selected { font-weight:bold; color:#fff; background:#f82; padding:0; } #toc ul li.selected a { color:#fff; } #toc ul li a { display:block; padding:2px 2px 2px 10px; text-decoration:none; } #toc ul li a:hover { color:#fff; background:#e60; } #toc ul li em { display:none; } #toc ul li.sect { font-weight:bold; color:#fff; background:#89d; padding:2px 0; text-indent:2px; margin-top:2px;} #toc ul li.first {margin-top:0;} #ft { margin-top:4em } #ft p { padding-bottom:2em; margin:0; text-align:center; font-size:80%; line-height:1.4em} #ft p.first { padding:1em 0 0 0; margin:0; } #pagetitle {background: url(http://us.i1.yimg.com/us.yimg.com/i/ydn/bg_hd.gif) 0 0 repeat-x #B6CDE1; border: 1px solid #93B2CC; position:relative;} #pagetitle h1 {text-indent:15px; padding:4px 0 2px 0; background: url(http://us.i1.yimg.com/us.yimg.com/i/ydn/title_h_bg.gif) 0 0 no-repeat; margin:0; color:#000; font-size:120%; font-weight:bold; position:relative; left:-1px; top:-1px; margin-right:-2px;} #pagetitle h1 em {color:#FF9933; font-size:60%; font-weight:bold; font-style:normal; position:relative; top:-6px} #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;} html>body #ygunav {overflow:hidden;} #ygunav strong {font-family:verdana;} #ygunav p {display:inline;margin:0;padding:0;} #ygunav p em {float:left;text-align:left;font-style:normal; padding-top:.7em} * html #ygunav p em {margin-top:1px;} #ygunav p em i {visibility:hidden;} #ygunav a {color:#000;} #ygunav form {display:inline;margin:0 0 0 1em;} #ygsp {width:8em;font-size:110%;padding:0;vertical-align:middle;} #ygunav .ygbt {background:#dcdcdc;font:110% verdana;position:relative;top:1px;} * html #ygunav .ygbt {top:4px;} * html>body #ygunav .ygbt {line-height:0;top:-4px;} #ygunav label {color:#666;font-family:tahoma;position:relative;top:1px;} #bd ol.getstarted { margin:0; padding:0; } #bd ol.getstarted li { font-weight:bold; color:#668AA8; margin-bottom:1em; padding-left:20px; list-style-type:none;} #bd ol.getstarted li p { color:#000; font-weight:normal; margin:0 0 0 20px; padding:0 } #bd p {margin-bottom:8px;} #promo {zoom:1;border: 1px solid #B6CDE1; padding:1em; position:relative; background-color:#e5f4fe;} #promo ul {margin-bottom:0;} #promo h1 {margin-top:0; padding-top:0} #promo h2 {line-height:1.2em; color:#668AA8; margin-top:0; padding-top:0; border:none; font-size:100%} #promo p {line-height:1.2em } #promo h1 em {float:right; top:0; right:0; font-style:normal; font-size:80%} #promo h4 { color:#67747f; } #promo.component div {width:48%; float:left;} #promo:after {content:'.';visibility:hidden;clear:left;height:0;display:block;} #promo p#api {margin-top:.2em;} #promo #download img {float:left; padding:0 0.5em 0.5em 0;} #promo #blog {clear:left;} code {font-family:"Courier New"; font-size: 100%; font-weight:bolder;} div.apisummary {height:auto; margin:10px 0; width:auto; zoom:1;} div.apisummary table {font-size:inherit;font:100%; border-collapse:separate; border:1px solid #666666; border-left:none;} #doc3 div.apisummary table td, #doc3 div.apisummary table th {padding:.35em;} div.apisummary table th { font-weight:bold;} div.apisummary table td { border-top:1px solid #666666;} div.apisummary table td, div.apisummary table th { border-left:1px solid #666666;} div.apisummary table tr { background-color:#ddd;} div.apisummary table tr.odd { background-color:#fff; } div.apisummary table tfoot tr { background-color:#fff; } dl#menuwidgets dt {font-weight:bold;} dl#menuwidgets {margin:0 0 0 1.5em;} img.example {clear:right;margin-bottom:10px;margin-left:10px;border:0;float:right;border:1px solid #999;} /*YUI theater box on main page top right corner*/ #yui-theater {width:316px; overflow:hidden;} #yui-theater h3 {margin:0; padding:0; color:#67747f; font-size:100%; font-weight:bold; font-stretch:expanded;} #yui-theater h2 {margin:0 0 10px 0; padding:0; border:none; color:#000; font-size:122%; font-weight:bold;} #yui-theater p {margin:7px 0 0 0;} #yui-theater div {float:right; font-size:85%;} /*rss reader styles*/ p.loading-content {background-image:url(http://us.i1.yimg.com/us.yimg.com/i/ydn/yuiweb/img/busy_arrow.gif); background-position:top left; background-repeat:no-repeat; height:20px;padding:4px 0 0 25px; margin:0;} #doc3 ul.yuirssreader {margin:0; padding:0;} #doc3 ul.yuirssreader li {list-style-type:none;padding:5px 0 0 12px; margin:0;} #doc3 ul.yuirssreader li p {margin:0; padding:0;} ul.yuirssreader cite {color:#666666; margin:0;} span.yuirssreader-date {font-size:77%; color:#67747f;} img.rssbadge {display:inline;border:none !important;} #index-secondary {width:316px;float:right;margin-left:10px;} #index-main {margin-right:331px;} #index-main #promo li {list-style-type:none;font-size:92%;margin-top:2px;} #index-main #promo ul {margin:0;} /*styles for right gutter on component pages*/ #cheatsheet h3 {margin-top:0;} #cheatsheet img, #componentvideo img {margin:.5em 0 .2em 0; border:1px solid #999;} #cheatsheet p {margin:0; font-size:77%;} #cheatsheet h4, #examples h4 {margin:0.2em 0 .1em 0; color:#668AA8; font-size:92%;} #examples ul, #morereading ul, #module ul {font-size:85%; list-style:circle; margin:0 0 1em 10px;} #examples p, #componentvideo p {font-size:85%; margin:0 0 .2em 0;} #examples li.selected {font-weight:bold;} /*styles for example pages*/ #promo.example {background-color:#000;border-color:#666666;} #promo.example .exampleIntro, #promo.example .exampleIntro p, #promo.example .exampleIntro a {color:#fff;} .firstContent {margin-top:0; padding-top:0;} #logger {margin-top:1em;} #example {background-color:#F1F6F7;} #example .bd { padding:1em; position:relative;} #example .hd { background: url(/yui/docs/assets/example-hd-bg.gif) 0 0 repeat-x #4E4D4C; } #loggerGloss {margin-top:.5em; font-size:85%;} #loggerDiv {font-size:77%;text-align:left;margin-top:.5em; visibility:hidden; height:260px; } /*gets turned on by script when loaded */ #loggerDiv.yui-log {padding:.3em;width:96%;background-color:#FBE7D9;border:1px solid #666;font-family:monospace;z-index:9000;} #loggerDiv.yui-log p {margin:1px;padding:.1em;} #loggerDiv.yui-log .yui-log-hd {margin:0; padding:0; background-color:#CECCCC;} #loggerDiv.yui-log .yui-log-hd h4 {display:none;} #loggerDiv.yui-log .yui-log-bd {width:100%;height:15em;background-color:#FFF;border:1px solid #ECECEC;overflow:auto;} #loggerDiv.yui-log .yui-log-bd pre {border-top:1px solid #ECECEC;} #loggerDiv.yui-log .yui-log-bd code p {margin:1px 0;} #loggerDiv.yui-log .yui-log-ft {margin-top:.3em;margin-bottom:.3em; font-family:verdana; zoom:1;} #loggerDiv.yui-log .yui-log-ft:after {content:'.';visibility:hidden;clear:both;height:0;display:block;} #loggerDiv.yui-log .yui-log-ft .yui-log-categoryfilters {margin-top:.5em;clear:right;} #loggerDiv.yui-log .yui-log-ft .yui-log-sourcefilters {margin-top:.5em;border:none; clear:both;} #loggerDiv.yui-log .yui-log-btns {margin-top:.2em;padding:.2em;background: url(/yui/docs/assets/logger-bg.gif) 0 0 repeat-x #CECCCC; text-align:right; float:none;} #loggerDiv.yui-log .yui-log-filtergrp {margin-right:.3em; float:left; display:block} #example.newWindow {text-align:center;} p.newWindowButton {text-align:right; margin-top:0; padding:.5em;} .bd p.newWindowButton {text-align:center;} /*when new window is required and button appears in middle of example body*/ p.loggerButton {text-align:center;} #loggerLink a, #newWindowLink a {font-size:115%; font-weight:bold; color:#000099;} #newWindowLink a {font-size:107%;} #loggerModule {padding-bottom:.2em;} /*right column navigation on example rosters*/ #exampleToc {background-color:#ecf5fa; padding:0; border:1px solid #89d; margin-top:.5em;} #exampleToc ul {list-style:none; margin:0; padding:0; font-size:90%; } #exampleToc ul li { padding:0; margin:0; } #exampleToc ul li.selected { font-weight:bold; color:#fff; background:#000099; padding:0; } #exampleToc ul li.selected a { color:#fff; } #exampleToc ul li a { display:block; padding:2px 2px 2px 10px; text-decoration:none; } #exampleToc ul li a:hover { color:#fff; background:#e60; } /*theater page styles*/ .theater h1 {border-bottom:1px dashed #CCC; margin-bottom:1em;padding-bottom:.2em;} .theater img {border:1px solid #666;} .theater img.last {border:1px solid #666;} .theater p.details {font-size:77%; color:#666; margin:.2em 0 0 0; padding:0;} .theater p.description, #doc3 .theater ul li {font-size:85%; margin:0; padding:0; color:#333;} #readmePanel .hd { font-weight:bold; font-size:129%; color:#fff; background:#89d; } #readmePanel .bd {text-align:left; overflow:auto;} #readmePanel .ft {text-align:right; background-color:#E7E7E7; font-size:85%;} /* Browser specific (not valid) styles to make preformatted text wrap */ #readmePanel .bd pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-size: 100%; color:#000033;} /*ed eliot's server-side delicious badge css*/ #delicious-badge {margin-top:.6em; font: 85% Arial, sans-serif; border: 1px solid #b1b1b1; } #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; } #delicious-badge p, #delicious-badge div { padding: 7px; margin: 0; text-align: center; } #delicious-badge a { color: #00f; text-decoration: none; } #delicious-badge div { background: #eee; } #delicious-badge div span { font-weight: bold; color: #000; } #delicious-badge ul, #delicious-badge li { display: inline; list-style: none; padding: 0; margin: 0; } #delicious-badge li { margin-left: 5px; } #delicious-badge li span { position: absolute; left: -999px; width: 999px; } #delicious-badge .saved-by { color: #999; } #delicious-badge .saved-by span { background: #00f; padding: 3px; color: #fff; } #delicious-badge .be-first { font-size: 85%; color: #999; } #delicious-badge .tag-size-1 { font-size: 100%; } #delicious-badge .tag-size-2 { font-size: 107%; } #delicious-badge .tag-size-3 { font-size: 114%; } #delicious-badge .tag-size-4 { font-size: 122%; } #delicious-badge .tag-size-5 { font-size: 129%; } /*faq page:*/ .yui-ge .yui-g {width:98%;} .yui-ge .yui-g .yui-u {width:48.1%;} #questions {margin:1em 0 2em 0; padding:0.5em; border:1px solid #838383; background-color:#E6E6E6;} #questions ul {margin:0; list-style:none;} #yui-main #questions li {padding-bottom:.2em; font-size:85%; margin:0;} #questions li a {display:block; padding:.6em; text-decoration:none;} #questions li a:hover {background-color:#F6F6F6;} /*for notes on file includes*/ .include-notice {border:1px solid #6F7EA1; background:#eee; font:77% verdana; padding:.7em;} .include-notice strong {color:#990000;} .carousel-component { padding:8px 16px 4px 16px; margin:0px; } .carousel-component .carousel-list li { margin:4px; width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + img.border-left (1) + img.border-right (1)*/ height:93px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */ /* margin-left: auto;*/ /* for testing IE auto issue */ } .carousel-component .carousel-list li a { display:block; border:1px solid #e2edfa; outline:none; } .carousel-component .carousel-list li a:hover { border: 1px solid #aaaaaa; } .carousel-component .carousel-list li img { border:1px solid #999; display:block; } .carousel-component .carousel-prev { position:absolute; top:40px; z-index:3; cursor:pointer; left:5px; } .carousel-component .carousel-next { position:absolute; top:40px; z-index:3; cursor:pointer; right:5px; }