/*Copyright (c) 2006,Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */

/*reset.css*/



#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;}



#doc3 h2.first { float:none; /*float specified to resolve conflict on generic float declaration for .first in grids*/}



#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; }





#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; }





#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;}