.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{position:absolute; left:-99999999px}
.ui-helper-reset{margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none}
.ui-helper-clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.ui-helper-clearfix{display:inline-block}

* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}

.ui-helper-zfix{width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0)}

.ui-state-disabled{cursor:default !important}

.ui-icon{display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat}

.ui-widget-overlay{position:absolute; top:0; left:0; width:100%; height:100%}

.ui-datepicker{width:17em; padding:0}
.ui-datepicker .ui-datepicker-header{position:relative; padding:0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top:2px; width:1.5em; height:1.5em}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px}
.ui-datepicker .ui-datepicker-title{font:bold 13px Arial,Helvetica,sans-serif; color:white; line-height:1.5em; margin:0 2.3em; text-align:center}
.ui-datepicker .ui-datepicker-title select{float:left; font-size:1em; margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year{width:49%; color:white}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{float:right; color:white}
.ui-datepicker table{width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em}
.ui-datepicker th{padding:2px 0; text-align:center; font-weight:bold; border:0}
.ui-datepicker td{border:0; padding:0}
.ui-datepicker td span, .ui-datepicker td a{display:block; padding:.01em; width:18px; text-align:right; text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}

.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left; border-right:1px solid #d7dce8; width:100%}
.ui-datepicker-multi .ui-datepicker-group table{width:100%}
.ui-datepicker-multi-2 .ui-datepicker-group{width:49.7%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both; width:100%}

.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px; left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px; right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px; left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px; right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0; border-left-width:1px}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0; border-left-width:1px}

.ui-datepicker-cover{ display:none;  display/**/:block;  position:absolute;  z-index:-1;  filter:mask();  top:-4px;  left:-4px;  width:200px;  height:200px}

.ui-widget{font-family:Arial,Helvetica,sans-serif; font-size:1.1em}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Arial,Helvetica,sans-serif; font-size:1em}
.ui-widget-content{border:1px solid #cacaca; background:#fff url(images/ui-bg_glass_75_ffffff_1x400.png) 0 0 repeat-x; color:#222; padding:0; margin:0}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #076ba7; background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 0 50% repeat-x; color:#222; font-weight:bold}
.ui-widget-header a{color:#222}

.ui-state-default, .ui-widget-content .ui-state-default{border:1px solid #fff; background:#fff url(images/ui-bg_glass_75_e6e6e6_1x400_.png) 0 50% repeat-x; font-weight:bold; color:#000; outline:none; text-align:center; font-family:Arial, Helvetica, sans-serif}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#555; text-decoration:none; outline:none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{border:1px solid #bababa; background:#f6f5f5 url(images/ui-bg_glass_75_dadada_1x400_.png) 0 50% repeat-x; font-weight:bold; color:#000; outline:none}
.ui-state-hover a, .ui-state-hover a:hover{color:#212121; text-decoration:none; outline:none}
.ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #31a3bf; background:#e6f7fb url(images/ui-bg_glass_65_ffffff_1x400_.png) 0 50% repeat-x; font:bold 11px/16px Arial, Helvetica, sans-serif; color:black; outline:none; width:18px; padding:0}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#212121; outline:none; text-decoration:none}

.ui-state-highlight, .ui-widget-content .ui-state-highlight{border:1px solid #fff; background:#fff url(images/ui-bg_glass_55__1x400.png) 0 50% repeat-x; color:#ff0101}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a{color:#363636}
.ui-state-error, .ui-widget-content .ui-state-error{border:1px solid #cd0a0a; background:#fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 0 50% repeat-x; color:#cd0a0a}
.ui-state-error a, .ui-widget-content .ui-state-error a{color:#363636}
.ui-state-error-text, .ui-widget-content .ui-state-error-text{color:#cd0a0a}
.ui-state-disabled, .ui-widget-content .ui-state-disabled{opacity:.35; filter:Alpha(Opacity=35); background-image:none}
.ui-priority-primary, .ui-widget-content .ui-priority-primary{font-weight:bold}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary{opacity:.7; filter:Alpha(Opacity=70); font-weight:normal}

.ui-icon{width:16px; height:16px; background-image:url(images/ui-icons_222222_256x240.png)}
.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}
.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}
.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}
.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}

.ui-icon-carat-1-n{background-position:0 0}
.ui-icon-carat-1-ne{background-position:-16px 0}
.ui-icon-carat-1-e{background-position:-32px 0}
.ui-icon-carat-1-se{background-position:-48px 0}
.ui-icon-carat-1-s{background-position:-64px 0}
.ui-icon-carat-1-sw{background-position:-80px 0}
.ui-icon-carat-1-w{background-position:-96px 0}
.ui-icon-carat-1-nw{background-position:-112px 0}
.ui-icon-carat-2-n-s{background-position:-128px 0}
.ui-icon-carat-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-64px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-64px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:0 -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-off{background-position:-96px -144px}
.ui-icon-radio-on{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-seek-first{background-position:-80px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}

.sleek-bottom{background:#f5f5f5; height:1px; width:100%; font-family:Arial,Helvetica,sans-serif}
.sleek-top{height:20px; width:100%; font:12px/18px Arial,Helvetica,sans-serif; background:#f1f2f4; color:black; padding:0 0 0 0}
.sleek-top a{font:normal 11px/12px Arial,Helvetica,sans-serif; color:#339; text-decoration:underline}
.sleek-top a:hover{font:normal 11px/12px Arial,Helvetica,sans-serif; color:#f60}
.sleek-grey{background:#f5f5f5; line-height:20px; text-align:center; font:11px 18px Arial,Helvetica,sans-serif; color:black}

.ui-corner-tl{-moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px}
.ui-corner-tr{-moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px}
.ui-corner-bl{-moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px}
.ui-corner-br{-moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px}

.ui-corner-all{-moz-border-radius:4px; -webkit-border-radius:4px}

.ui-widget-overlay{background:#aaa none 0 0 repeat-x; opacity:.3; filter:Alpha(Opacity=30)}
.ui-widget-shadow{margin:-4px 0 0 -4px; padding:4px; background:#aaa none 0 0 repeat-x; opacity:.35; filter:Alpha(Opacity=35); -moz-border-radius:4px; -webkit-border-radius:4px}

body{font-size:62.5%}

table{font-size:1em}

body{font-family:"Trebuchet MS","Helvetica","Arial", "Verdana","sans-serif"}

.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; padding:20px 24px; font-family:"Trebuchet MS","Helvetica","Arial", "Verdana","sans-serif"}

.layout-grid td.demos{background:url('/images/demos_bg.jpg') no-repeat; height:337px; overflow:hidden}

.normal h3, 
.normal h4{margin:0; font-weight:normal}

.normal h3{padding:0 0 9px; font-size:1.8em}

.normal h4{padding-bottom:21px; border-bottom:1px dashed #999; font-size:1.2em; font-weight:bold}

.normal p{font-size:1.2em}

.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li{margin:0; padding:0}

.demos-nav{float:left; width:170px; font-size:1.3em}

.demos-nav dt, 
.demos-nav h4{margin:0; padding:0; font:normal 1.1em "Trebuchet MS","Helvetica","Arial", "Verdana","sans-serif"; color:#e87b10}

.demos-nav dt, 
.demos-nav h4{margin-top:1.5em; margin-bottom:0; padding-left:8px; padding-bottom:5px; line-height:1.2em; border-bottom:1px solid #F4F4F4}

.demos-nav dd a, 
.demos-nav li a{border-bottom:1px solid #F4F4F4; display:block; padding:4px 3px 4px 8px; font-size:90%; text-decoration:none; color:#555; margin:2px 0; height:13px}

.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; padding:0 0 5px; border-bottom:1px solid #eee; text-transform:capitalize}
.normal h4.demo-subheader{font-size:10px; text-transform:uppercase; color:#999; padding:8px 0 3px; border:0; margin:0}
.normal a:link, 
.normal a:visited{color:#1b75bb; text-decoration:none}
.normal a:hover, 
.normal a:active{color:#0b559b}

#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{padding:0; font-weight:bold; font-size:1em}

#demo-config-menu{float:right; width:180px}
#demo-config-menu h4{font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px}

#demo-config-menu ul{list-style:none; padding:0; margin:0}

#demo-config-menu li{font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom:1}

#demo-config-menu li a:link, 
#demo-config-menu li a:visited{display:block;  border-bottom:1px dotted #b3b3b3}
* 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:0px; margin-bottom:0px}

#demo-source, #demo-notes{clear:both; padding:20px 0 0; font-size:1.3em}

#demo-notes{width:520px; color:#333; font-size:1em}
#demo-notes p code, .demo-description p code{padding:0; font-weight:bold}
#demo-source pre, #demo-source code{padding:0}
code, pre{padding:8px 0 8px 20px; font-size:1.2em; line-height:130%}

#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{padding:12px; font-family:"Trebuchet MS","Arial","Helvetica","Verdana","sans-serif"}

div.demo h3.docs{clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0}

div.demo-description{clear:both; padding:12px; font-family:"Trebuchet MS","Arial","Helvetica","Verdana","sans-serif"; font-size:1.3em; line-height:1.4em}

.ui-draggable, .ui-droppable{background-position:top left}

.left-nav .demos-nav{padding-right:10px}

#demo-link{font:bold 11px/16px Arial,Helvetica,sans-serif;  padding-top:6px; clear:both; overflow:hidden}
#demo-link a span.ui-icon{float:left; margin-right:3px}

#widget-docs .ui-widget{font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:1em}
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button{font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-size:1em}
#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:bold}
#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:normal; color:#fff; outline:none}
#widget-docs .ui-state-default a{color:#fff; text-decoration:none; 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:normal; color:#fff; outline:none}
#widget-docs .ui-state-hover a{color:#fff; text-decoration:none; 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:normal; 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 #fff; background:#fff url(images/_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:bold}
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary{opacity:.7; filter:Alpha(Opacity=70); font-weight:normal}

#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-widget-content .ui-icon{background-image:url(images/222222_256x240_icons_icons.png)}
#widget-docs .ui-widget-header .ui-icon{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-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon{background-image:url(images/454545_256x240_icons_icons.png)}
#widget-docs .ui-state-active .ui-icon{background-image:url(images/454545_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{margin:-8px 0 0 -8px; padding:8px; 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}

#widget-docs{margin:20px 0 0; border:none}

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code{margin:0; padding: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%; margin:10px 0 0; border-bottom:1px solid #eee}
#widget-docs .docs-list-header h2{float:left; margin:0}
#widget-docs .docs-list-header p{float:right; margin:5px 0; font:bold 11px/16px Arial,Helvetica,sans-serif}

.docs-list{float:left; width:100%; padding:0 0 10px}
.docs-list .param-header{float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee}
#widget-docs .param-header h3, #widget-docs .param-header p{margin:0; float:left}
#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{margin:0 0 1.5em; border-top:1px dotted #ccc}
.param-args td{padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc}

#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; padding:4px 1.2em 3px; color:#fff}

#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{padding:20px 9px; font:bold 11px/16px Arial,Helvetica,sans-serif; line-height:1.4; color:#000}

#widget-docs .ui-widget-content a:link, 
#widget-docs .ui-widget-content a:visited{color:#1b75bb; text-decoration:none}
#widget-docs .ui-widget-content a:hover, 
#widget-docs .ui-widget-content a:active{color:#0b559b}

.ui-datepicker-calendar .greybox{background:#f5f5f5; border-bottom:1px solid #ccc}
.ui-datepicker-today{border:1px solid #fff; background:#fff}
.ui-datepicker-calendar{background:url(images/seperator.jpg) repeat-y}
.border-right{border-right:1px solid #ccc}