.layout-grid{width:960px}
.layout-grid td{vertical-align:top}
.layout-grid td.left-nav{width:140px}
.layout-grid td.normal{border-left:1px solid #eee;font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;padding:20px 24px}
.layout-grid td.demos{background:url(/images/demos_bg.jpg) no-repeat;height:337px;overflow:hidden}
.normal h3,.normal h4{font-weight:400;margin:0}
.normal h3{font-size:1.8em;padding:0 0 9px}
.normal h4{padding-bottom:21px;border-bottom:1px dashed #999;font-size:1.2em;font-weight:700}
.normal p{font-size:1.2em}
.demos-nav{float:left;width:170px;font-size:1.3em}
.demos-nav dt,.demos-nav h4{font:normal 1.1em "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;color:#e87b10;line-height:1.2em;border-bottom:1px solid #F4F4F4;margin:1.5em 0 0;padding:0 0 5px 8px}
.demos-nav dd a,.demos-nav li a{border-bottom:1px solid #F4F4F4;display:block;font-size:90%;text-decoration:none;color:#555;height:13px;margin:2px 0;padding:4px 3px 4px 8px}
.demos-nav dd a:hover,.demos-nav dd a:focus,.demos-nav dd a:hover,.demos-nav dd a:focus{background:#f3f3f3;color:#000;-moz-border-radius:5px;-webkit-border-radius:5px}
.demos-nav dd a.selected{background:#555;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px}
.normal h3.demo-header{font-size:32px;border-bottom:1px solid #eee;text-transform:capitalize;padding:0 0 5px}
.normal h4.demo-subheader{font-size:10px;text-transform:uppercase;color:#999;border:0;margin:0;padding:8px 0 3px}
#demo-config{padding:20px 0 0}
#demo-frame{float:left;width:540px;height:380px;border:1px solid #ddd;overflow:auto;position:relative}
#demo-frame h3,#demo-frame h4{font-weight:700;font-size:1em;padding:0}
#demo-config-menu{float:right;width:180px}
#demo-config-menu h4{font-size:13px;color:#666;font-weight:400;border:0;padding-left:18px}
#demo-config-menu ul{list-style:none;margin:0;padding:0}
#demo-config-menu li{font-size:12px;zoom:1;margin:3px 0;padding:0 0 0 10px}
#demo-config-menu li a:link,#demo-config-menu li a:visited{display:block;border-bottom:1px dotted #b3b3b3;padding:1px 8px 4px}
* html #demo-config-menu li a:link,* html #demo-config-menu li a:visited{padding:1px 8px 2px}
#demo-config-menu li a:hover,#demo-config-menu li a:active{background-color:#f6f6f6}
#demo-config-menu li.demo-config-on{background:url(images/demo-config-on-tile.gif) repeat-x left center}
#demo-config-menu li.demo-config-on a:link,#demo-config-menu li.demo-config-on a:visited,#demo-config-menu li.demo-config-on a:hover,#demo-config-menu li.demo-config-on a:active{background:url(images/demo-config-on.gif) no-repeat left;padding-left:18px;color:#fff;border:0;margin-left:-10px;margin-top:0;margin-bottom:0}
#demo-source,#demo-notes{clear:both;font-size:1.3em;padding:20px 0 0}
#demo-notes{width:520px;color:#333;font-size:1em}
#demo-notes p code,.demo-description p code{font-weight:700;padding:0}
#demo-source pre,#demo-source code{padding:0}
code,pre{font-size:1.2em;line-height:130%;padding:8px 0 8px 20px}
#demo-source a:link,#demo-source a:visited,#demo-source a:hover,#demo-source a:active{font-size:12px;padding-left:13px;background-position:left center;background-repeat:no-repeat}
#demo-source a.source-open:link,#demo-source a.source-open:visited,#demo-source a.source-open:hover,#demo-source a.source-open:active{background-image:url(images/demo-spindown-open.gif)}
#demo-source a.source-closed:link,#demo-source a.source-closed:visited,#demo-source a.source-closed:hover,#demo-source a.source-closed:active{background-image:url(images/demo-spindown-closed.gif)}
div.demo{font-family:"Trebuchet MS",Arial,Helvetica,Verdana,sans-serif;padding-bottom:30px}
div.demo h3.docs{clear:left;font-size:12px;font-weight:400;margin:0;padding:0 0 1em}
div.demo-description{clear:both;font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;font-size:1.3em;line-height:1.4em;padding:12px}
.ui-draggable,.ui-droppable{background-position:top left}
.left-nav .demos-nav{padding-right:10px}
#demo-link{font-size:11px;padding-top:6px;clear:both;overflow:hidden}
#demo-link a span.ui-icon{float:left;margin-right:3px}
#widget-docs .ui-widget-header{border:1px solid #fff;background:#464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;color:#fff;font-weight:700}
#widget-docs .ui-widget-header a{color:#fff}
#widget-docs .ui-widget-content{border:1px solid #fff;background:#fff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x;color:#222}
#widget-docs .ui-widget-content a{color:#222}
#widget-docs .ui-state-default,#widget-docs .ui-widget-content #widget-docs .ui-state-default{border:1px solid #666;background:#555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x;font-weight:400;color:#fff;outline:none}
#widget-docs .ui-state-hover,#widget-docs .ui-widget-content #widget-docs .ui-state-hover,#widget-docs .ui-state-focus,#widget-docs .ui-widget-content #widget-docs .ui-state-focus{border:1px solid #666;background:#444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x;font-weight:400;color:#fff;outline:none}
#widget-docs .ui-state-active,#widget-docs .ui-widget-content #widget-docs .ui-state-active{border:1px solid #666;background:#fff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x;font-weight:400;color:#F6921E;outline:none}
#widget-docs .ui-state-active a{color:#F6921E;outline:none;text-decoration:none}
#widget-docs .ui-state-highlight,#widget-docs .ui-widget-content #widget-docs .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x;color:#363636}
#widget-docs .ui-state-error,#widget-docs .ui-widget-content #widget-docs .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x;color:#cd0a0a}
#widget-docs .ui-state-error-text,#widget-docs .ui-widget-content #widget-docs .ui-state-error-text{color:#cd0a0a}
#widget-docs .ui-state-disabled,#widget-docs .ui-widget-content #widget-docs .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
#widget-docs .ui-priority-primary,#widget-docs .ui-widget-content #widget-docs .ui-priority-primary{font-weight:700}
#widget-docs .ui-priority-secondary,#widget-docs .ui-widget-content #widget-docs .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}
#demo-frame-wrapper .ui-icon,#widget-docs .ui-icon{width:16px;height:16px;background-image:url(images/222222_256x240_icons_icons.png)}
#widget-docs .ui-state-default .ui-icon{background-image:url(images/888888_256x240_icons_icons.png)}
#widget-docs .ui-state-highlight .ui-icon{background-image:url(images/2e83ff_256x240_icons_icons.png)}
#widget-docs .ui-state-error .ui-icon,#widget-docs .ui-state-error-text .ui-icon{background-image:url(images/cd0a0a_256x240_icons_icons.png)}
#widget-docs .ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px}
#widget-docs .ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
#widget-docs .ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
#widget-docs .ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-top{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px}
#widget-docs .ui-corner-bottom{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-right{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px}
#widget-docs .ui-corner-left{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px}
#widget-docs .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px}
#widget-docs .ui-widget-overlay{background:#aaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30)}
#widget-docs .ui-widget-shadow{background:#aaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;margin:-8px 0 0 -8px;padding:8px}
#widget-docs{border:none;margin:20px 0 0}
#widget-docs code{display:block;color:#444;font-size:.9em;margin:0 0 1em}
#widget-docs code strong{color:#000}
#widget-docs p{margin:0 3em 1.2em 0}
#widget-docs p.intro{font-size:13px;color:#666;line-height:1.3}
#widget-docs ul{list-style-type:none}
#widget-docs h2{font-size:16px;margin:1.2em 0 .5em}
#widget-docs h3{font-size:14px;color:#e6820E;margin:1.5em 0 .5em}
.normal #widget-docs h4{font-size:12px;color:#000;border:0;margin:0 0 .5em}
#docs-overview-main{width:400px}
#docs-overview-sidebar{float:right;width:200px}
#docs-overview-sidebar a span{color:#666}
#widget-docs #docs-overview-main p{margin-right:0}
#widget-docs #docs-overview-sidebar h4{padding-left:0}
.docs-list-header{float:left;width:100%;border-bottom:1px solid #eee;margin:10px 0 0}
#widget-docs .docs-list-header h2{float:left;margin:0}
#widget-docs .docs-list-header p{float:right;font-size:11px;margin:5px 0}
.docs-list{float:left;width:100%;padding:0 0 10px}
.docs-list .param-header{float:left;clear:left;width:100%;border-top:1px solid #eee;padding:8px 0}
#widget-docs .param-header h3,#widget-docs .param-header p{float:left;margin:0}
#widget-docs .param-header h3{width:50%}
#widget-docs .param-header h3 span{background:url(images/demo-spindown-closed.gif) no-repeat left;padding-left:13px}
#widget-docs .param-open .param-header h3 span{background:url(images/demo-spindown-open.gif) no-repeat left}
#widget-docs .param-header p{width:24%}
#widget-docs .param-header p.param-type span{background:url(images/icon-docs-info.gif) no-repeat left;cursor:pointer;border-bottom:1px dashed #ccc;padding-left:15px}
.param-details{padding-left:13px}
.param-args{border-top:1px dotted #ccc;margin:0 0 1.5em}
.param-args td{border-bottom:1px dotted #ccc;padding:3px 30px 3px 5px}
#widget-docs ul.ui-tabs-nav{padding:0 0 0 8px}
#widget-docs .ui-tabs-nav li{margin:5px 5px 0 0}
#widget-docs .ui-tabs-nav li a:link,#widget-docs .ui-tabs-nav li a:visited,#widget-docs .ui-tabs-nav li a:hover,#widget-docs .ui-tabs-nav li a:active{font-size:14px;color:#fff;padding:4px 1.2em 3px}
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active{color:#e6820E}
#widget-docs .ui-tabs-panel{font-size:12px;line-height:1.4;color:#000;padding:20px 9px}
.ui-tabs .ui-tabs-nav{list-style:none outside none;position:relative;max-height:30px;padding:.2em .2em 0}
.demos-nav,.demos-nav dt,.demos-nav dd,.demos-nav ul,.demos-nav li,#widget-docs h2,#widget-docs h3,#widget-docs h4,#widget-docs p,#widget-docs ul,#widget-docs code{margin:0;padding:0}
.normal a:link,.normal a:visited,#widget-docs .ui-widget-content a:link,#widget-docs .ui-widget-content a:visited{color:#1b75bb;text-decoration:none}
.normal a:hover,.normal a:active,#widget-docs .ui-widget-content a:hover,#widget-docs .ui-widget-content a:active{color:#0b559b}
#widget-docs .ui-widget,#widget-docs .ui-widget input,#widget-docs .ui-widget select,#widget-docs .ui-widget textarea,#widget-docs .ui-widget button{font-family:Trebuchet MS,Verdana,Arial,sans-serif;font-size:1em}
#widget-docs .ui-state-default a,#widget-docs .ui-state-hover a{color:#fff;text-decoration:none;outline:none}
#widget-docs .ui-widget-content .ui-icon,#widget-docs .ui-widget-header .ui-icon{background-image:url(images/222222_256x240_icons_icons.png)}
#widget-docs .ui-state-hover .ui-icon,#widget-docs .ui-state-focus .ui-icon,#widget-docs .ui-state-active .ui-icon{background-image:url(images/454545_256x240_icons_icons.png)}
