Initial work to add Wijmo based menu.

IPython/frontend/html/notebook/static/jquery/css/themes/rocket/jquery-wijmo.css

@@ -1,2312 +1,2352
 /* 
  * 
  * Wijmo Rocket Theme
  * http://wijmo.com/
  * 
  * Copyright(c) ComponentOne, LLC.  All rights reserved.
  * 
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * [e-mail]
  * http://wijmo.com/license
  * 
  * 
 */
 
 /* Layout helpers
 ----------------------------------*/
 .ui-helper-hidden
 {
     display: none;
 }
 .ui-helper-hidden-accessible
 {
     position: absolute !important;
     clip: rect(1px 1px 1px 1px);
     clip: rect(1px,1px,1px,1px);
 }
 .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;
 }
 /* required comment for clearfix to work in Opera \*/
 * html .ui-helper-clearfix
 {
     height: 1%;
 }
 .ui-helper-clearfix
 {
     display: block;
 }
 /* end clearfix */
 .ui-helper-zfix
 {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     opacity: 0;
     filter: Alpha(Opacity=0);
 }
 
 
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-disabled
 {
     cursor: default !important;
 }
 
 
 /* Icons
 ----------------------------------*/
 
 /* states and images */
 .ui-icon
 {
     display: block;
     text-indent: -99999px;
     overflow: hidden;
     background-repeat: no-repeat;
 }
 
 
 /* Misc visuals
 ----------------------------------*/
 
 /* Overlays */
 .ui-widget-overlay
 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 
 /*
  * jQuery UI CSS Framework 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Theming/API
  *
  * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20Helvetica,%20sans-serif&fwDefault=normal&fsDefault=1.2em&cornerRadius=4px&bgColorHeader=242122&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=404040&fcHeader=f4f4f9&iconColorHeader=f4f4f9&bgColorContent=f1f1f1&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=e3e3e3&fcContent=404040&iconColorContent=00a6dd&bgColorDefault=242122&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=15&borderColorDefault=404040&fcDefault=fafafa&iconColorDefault=00a6dd&bgColorHover=00a6dd&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=35&borderColorHover=00a6dd&fcHover=fafafa&iconColorHover=fafafa&bgColorActive=242122&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=15&borderColorActive=404040&fcActive=f1f1f1&iconColorActive=00a6dd&bgColorHighlight=9eca38&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=15&borderColorHighlight=9eca38&fcHighlight=eaffb9&iconColorHighlight=eaffb9&bgColorError=ca3838&bgTextureError=03_highlight_soft.png&bgImgOpacityError=15&borderColorError=ca3838&fcError=ff8f8f&iconColorError=ff8f8f&bgColorOverlay=00a6dd&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=50&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  */
 
 
 /* Component containers
 ----------------------------------*/
 .ui-widget
 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;
 }
 .ui-widget .ui-widget
 {
     font-size: 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 #e3e3e3;
     background: #f1f1f1 url(images/ui-bg_flat_100_f1f1f1_40x100.png) 50% 50% repeat-x;
     color: #404040;
 }
 .ui-widget-content a
 {
     color: #404040;
 }
 .ui-widget-header
 {
     border: 1px solid #404040;
     background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
     color: #f4f4f9;
     font-weight: bold;
 }
 .ui-widget-header a
 {
     color: #f4f4f9;
 }
 
 /* Interaction states
 ----------------------------------*/
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     border: 1px solid #404040;
     background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
 {
     color: #fafafa;
     text-decoration: none;
 }
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid #00a6dd;
     background: #00a6dd url(images/ui-bg_highlight-soft_35_00a6dd_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 .ui-state-hover a, .ui-state-hover a:hover
 {
     color: #fafafa;
     text-decoration: none;
 }
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid transparent;
     background: #606154 url(images/ui-bg_highlight-soft_15_333333_1x100.png) top repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
 {
     color: #fafafa;
     text-decoration: none;
 }
 .ui-widget :active
 {
     outline: none;
 }
 
 /* Interaction Cues
 ----------------------------------*/
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
 {
     background: #9eca38 url(images/ui-bg_highlight-soft_15_9eca38_1x100.png) 50% 50% repeat-x;
     border: 1px solid #9eca38;
     color: #304915;
     -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
     text-shadow: 1px 1px 0 rgba(255,255,255,0.50);
 }
 .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
 {
     color: #eaffb9;
 }
 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
 {
     border: 1px solid #ca3838;
     background: #ca3838 url(images/ui-bg_highlight-soft_15_ca3838_1x100.png) 50% top repeat-x;
     color: #fafafa;
     -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 0px 1px 0 rgba(255,255,255,0.15);
 }
 .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a
 {
     color: #ff8f8f;
 }
 .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
 {
     color: #ff8f8f;
 }
 .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
 {
     font-weight: bold;
 }
 .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
 {
     opacity: .7;
     filter: Alpha(Opacity=70);
     font-weight: normal;
 }
 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
 {
     opacity: .35;
     filter: Alpha(Opacity=35);
     background-image: none;
 }
 
 /* Icons
 ----------------------------------*/
 
 /* states and images */
 .ui-icon
 {
     width: 16px;
     height: 16px;
     background-image: url(images/ui-icons_00a6dd_256x240.png);
 }
 .ui-widget-content .ui-icon
 {
     background-image: url(images/ui-icons_00a6dd_256x240.png);
 }
 .ui-widget-header .ui-icon
 {
     background-image: url(images/ui-icons_f4f4f9_256x240.png);
 }
 .ui-state-default .ui-icon
 {
     background-image: url(images/ui-icons_00a6dd_256x240.png);
 }
 .ui-state-hover .ui-icon, .ui-state-focus .ui-icon
 {
     background-image: url(images/ui-icons_fafafa_256x240.png);
 }
 .ui-state-active .ui-icon
 {
     background-image: url(images/ui-icons_00a6dd_256x240.png);
 }
 .ui-state-highlight .ui-icon
 {
     background-image: url(images/ui-icons_304915_256x240.png);
 }
 .ui-state-error .ui-icon, .ui-state-error-text .ui-icon
 {
     background-image: url(images/ui-icons_ff8f8f_256x240.png);
 }
 
 /* positioning */
 .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-start
 {
     background-position: -80px -160px;
 }
 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
 .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;
 }
 
 
 /* Misc visuals
 ----------------------------------*/
 
 /* Corner radius */
 .ui-corner-tl
 {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
 }
 .ui-corner-tr
 {
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
 }
 .ui-corner-bl
 {
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
 .ui-corner-br
 {
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 .ui-corner-top
 {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
 }
 .ui-corner-bottom
 {
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 .ui-corner-right
 {
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 .ui-corner-left
 {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
 .ui-corner-all
 {
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
 }
 
 /* Overlays */
 .ui-widget-overlay
 {
     background: #00a6dd url(images/ui-bg_diagonals-thick_50_00a6dd_40x40.png) 50% 50% repeat;
     opacity: .30;
     filter: Alpha(Opacity=30);
 }
 .ui-widget-shadow
 {
     margin: -8px 0 0 -8px;
     padding: 8px;
     background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
     opacity: .30;
     filter: Alpha(Opacity=30);
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
 }
 /*
  * jQuery UI Resizable 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Resizable#theming
  */
 .ui-resizable
 {
     position: relative;
 }
 .ui-resizable-handle
 {
     position: absolute;
     font-size: 0.1px;
     z-index: 99999;
     display: block;
 }
 .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
 {
     display: none;
 }
 .ui-resizable-n
 {
     cursor: n-resize;
     height: 7px;
     width: 100%;
     top: -5px;
     left: 0;
 }
 .ui-resizable-s
 {
     cursor: s-resize;
     height: 7px;
     width: 100%;
     bottom: -5px;
     left: 0;
 }
 .ui-resizable-e
 {
     cursor: e-resize;
     width: 7px;
     right: -5px;
     top: 0;
     height: 100%;
 }
 .ui-resizable-w
 {
     cursor: w-resize;
     width: 7px;
     left: -5px;
     top: 0;
     height: 100%;
 }
 .ui-resizable-se
 {
     cursor: se-resize;
     width: 12px;
     height: 12px;
     right: 1px;
     bottom: 1px;
 }
 .ui-resizable-sw
 {
     cursor: sw-resize;
     width: 9px;
     height: 9px;
     left: -5px;
     bottom: -5px;
 }
 .ui-resizable-nw
 {
     cursor: nw-resize;
     width: 9px;
     height: 9px;
     left: -5px;
     top: -5px;
 }
 .ui-resizable-ne
 {
     cursor: ne-resize;
     width: 9px;
     height: 9px;
     right: -5px;
     top: -5px;
 }
 /*
  * jQuery UI Selectable 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Selectable#theming
  */
 .ui-selectable-helper
 {
     position: absolute;
     z-index: 100;
     border: 1px dotted black;
 }
 /*
  * jQuery UI Accordion 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Accordion#theming
  */
 /* IE/Win - Fix animation bug - #4615 */
 .ui-accordion
 {
     width: 100%;
 }
 .ui-accordion .ui-accordion-header
 {
     cursor: pointer;
     position: relative;
     margin-top: 1px;
     zoom: 1;
 }
 .ui-accordion .ui-accordion-li-fix
 {
     display: inline;
 }
 .ui-accordion .ui-accordion-header-active
 {
     border-bottom: 0 !important;
 }
 .ui-accordion .ui-accordion-header a
 {
     display: block;
     font-size: 1em;
     padding: .5em .5em .5em .7em;
 }
 .ui-accordion-icons .ui-accordion-header a
 {
     padding-left: 2.2em;
 }
 .ui-accordion .ui-accordion-header .ui-icon
 {
     position: absolute;
     left: .5em;
     top: 50%;
     margin-top: -8px;
 }
 .ui-accordion .ui-accordion-content
 {
     padding: 1em 2.2em;
     border-top: 0;
     margin-top: -2px;
     position: relative;
     top: 1px;
     margin-bottom: 2px;
     overflow: auto;
     display: none;
     zoom: 1;
 }
 .ui-accordion .ui-accordion-content-active
 {
     display: block;
 }
 /*
  * jQuery UI Autocomplete 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Autocomplete#theming
  */
 .ui-autocomplete
 {
     position: absolute;
     cursor: default;
 }
 
 /* workarounds */
 * html .ui-autocomplete
 {
     width: 1px;
 }
 /* without this, the menu expands to 100% in IE6 */
 
 /*
  * jQuery UI Menu 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Menu#theming
  */
 .ui-menu
 {
     list-style: none;
     padding: 2px;
     margin: 0;
     display: block;
     float: left;
 }
 .ui-menu .ui-menu
 {
     margin-top: -3px;
 }
 .ui-menu .ui-menu-item
 {
     margin: 0;
     padding: 0;
     zoom: 1;
     float: left;
     clear: left;
     width: 100%;
 }
 .ui-menu .ui-menu-item a
 {
     text-decoration: none;
     display: block;
     padding: .2em .4em;
     line-height: 1.5;
     zoom: 1;
 }
 .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active
 {
     font-weight: normal;
     margin: -1px;
 }
 /*
  * jQuery UI Button 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Button#theming
  */
 .ui-button
 {
     display: inline-block;
     position: relative;
     padding: 0;
     margin-right: .1em;
     text-decoration: none !important;
     cursor: pointer;
     text-align: center;
     zoom: 1;
     overflow: visible;
 }
 /* the overflow property removes extra width in IE */
 .ui-button-icon-only
 {
     width: 2.2em;
 }
 /* to make room for the icon, a width needs to be set here */
 button.ui-button-icon-only
 {
     width: 2.4em;
 }
 /* button elements seem to need a little more width */
 .ui-button-icons-only
 {
     width: 3.4em;
 }
 button.ui-button-icons-only
 {
     width: 3.7em;
 }
 
 /*button text element */
 .ui-button .ui-button-text
 {
     display: block;
     line-height: 1.4;
 }
 .ui-button-text-only .ui-button-text
 {
     padding: .4em 1em;
 }
 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text
 {
     padding: .4em;
     text-indent: -9999999px;
 }
 .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text
 {
     padding: .4em 1em .4em 2.1em;
 }
 .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text
 {
     padding: .4em 2.1em .4em 1em;
 }
 .ui-button-text-icons .ui-button-text
 {
     padding-left: 2.1em;
     padding-right: 2.1em;
 }
 /* no icon support for input elements, provide padding by default */
 input.ui-button
 {
     padding: .4em 1em;
 }
 
 /*button icon element(s) */
 .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon
 {
     position: absolute;
     top: 50%;
     margin-top: -8px;
 }
 .ui-button-icon-only .ui-icon
 {
     left: 50%;
     margin-left: -8px;
 }
 .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary
 {
     left: .5em;
 }
 .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
 {
     right: .5em;
 }
 .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary
 {
     right: .5em;
 }
 
 /*button sets*/
 .ui-buttonset
 {
     margin-right: 7px;
 }
 .ui-buttonset .ui-button
 {
     margin-left: 0;
     margin-right: -.3em;
 }
 
 /* workarounds */
 button.ui-button::-moz-focus-inner
 {
     border: 0;
     padding: 0;
 }
 /* reset extra padding in Firefox */
 /*
  * jQuery UI Dialog 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Dialog#theming
  */
 .ui-dialog
 {
     position: absolute;
     padding: .2em;
     width: 300px;
     overflow: hidden;
 }
 .ui-dialog .ui-dialog-titlebar
 {
     padding: .5em 1em .3em;
     position: relative;
 }
 .ui-dialog .ui-dialog-title
 {
     float: left;
     margin: .1em 16px .2em 0;
 }
 .ui-dialog .ui-dialog-titlebar-close
 {
     position: absolute;
     right: .3em;
     top: 50%;
     width: 19px;
     margin: -10px 0 0 0;
     padding: 1px;
     height: 18px;
 }
 .ui-dialog .ui-dialog-titlebar-close span
 {
     display: block;
     margin: 1px;
 }
 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus
 {
     padding: 0;
 }
 .ui-dialog .ui-dialog-content
 {
     position: relative;
     border: 0;
     padding: .5em 1em;
     background: none;
     overflow: auto;
     zoom: 1;
 }
 .ui-dialog .ui-dialog-buttonpane
 {
     text-align: left;
     border-width: 1px 0 0 0;
     background-image: none;
     margin: .5em 0 0 0;
     padding: .3em 1em .5em .4em;
 }
 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
 {
     float: right;
 }
 .ui-dialog .ui-dialog-buttonpane button
 {
     margin: .5em .4em .5em 0;
     cursor: pointer;
 }
 .ui-dialog .ui-resizable-se
 {
     width: 14px;
     height: 14px;
     right: 3px;
     bottom: 3px;
 }
 .ui-draggable .ui-dialog-titlebar
 {
     cursor: move;
 }
 /*
  * jQuery UI Slider 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Slider#theming
  */
 .ui-slider
 {
     position: relative;
     text-align: left;
 }
 .ui-slider .ui-slider-handle
 {
     position: absolute;
     z-index: 2;
     width: 1.2em;
     height: 1.2em;
     cursor: default;
 }
 .ui-slider .ui-slider-range
 {
     position: absolute;
     z-index: 1;
     font-size: .7em;
     display: block;
     border: 0;
     background-position: 0 0;
 }
 
 .ui-slider-horizontal
 {
     height: .8em;
 }
 .ui-slider-horizontal .ui-slider-handle
 {
     top: -.3em;
     margin-left: -.6em;
 }
 .ui-slider-horizontal .ui-slider-range
 {
     top: 0;
     height: 100%;
 }
 .ui-slider-horizontal .ui-slider-range-min
 {
     left: 0;
 }
 .ui-slider-horizontal .ui-slider-range-max
 {
     right: 0;
 }
 
 .ui-slider-vertical
 {
     width: .8em;
     height: 100px;
 }
 .ui-slider-vertical .ui-slider-handle
 {
     left: -.3em;
     margin-left: 0;
     margin-bottom: -.6em;
 }
 .ui-slider-vertical .ui-slider-range
 {
     left: 0;
     width: 100%;
 }
 .ui-slider-vertical .ui-slider-range-min
 {
     bottom: 0;
 }
 .ui-slider-vertical .ui-slider-range-max
 {
     top: 0;
 }
 /*
  * jQuery UI Tabs 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Tabs#theming
  */
 .ui-tabs
 {
     position: relative;
     padding: .2em;
     zoom: 1;
 }
 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 .ui-tabs .ui-tabs-nav
 {
     margin: 0;
     padding: .2em .2em 0;
 }
 .ui-tabs .ui-tabs-nav li
 {
     list-style: none;
     float: left;
     position: relative;
     top: 1px;
     margin: 0 .2em 1px 0;
     border-bottom: 0 !important;
     padding: 0;
     white-space: nowrap;
 }
 .ui-tabs .ui-tabs-nav li a
 {
     float: left;
     padding: .5em 1em;
     text-decoration: none;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected
 {
     margin-bottom: 0;
     padding-bottom: 1px;
 }
 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
 {
     cursor: text;
 }
 .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
 {
     cursor: pointer;
 }
 /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 .ui-tabs .ui-tabs-panel
 {
     display: block;
     border-width: 0;
     padding: 1em 1.4em;
     background: none;
 }
 .ui-tabs .ui-tabs-hide
 {
     display: none !important;
 }
 /*
  * jQuery UI Datepicker 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Datepicker#theming
  */
 .ui-datepicker
 {
     width: 17em;
     padding: .2em .2em 0;
     display: none;
 }
 .ui-datepicker .ui-datepicker-header
 {
     position: relative;
     padding: .2em 0;
 }
 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next
 {
     position: absolute;
     top: 2px;
     width: 1.8em;
     height: 1.8em;
 }
 .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
 {
     margin: 0 2.3em;
     line-height: 1.8em;
     text-align: center;
 }
 .ui-datepicker .ui-datepicker-title select
 {
     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%;
 }
 .ui-datepicker table
 {
     width: 100%;
     font-size: .9em;
     border-collapse: collapse;
     margin: 0 0 .4em;
 }
 .ui-datepicker th
 {
     padding: .7em .3em;
     text-align: center;
     font-weight: bold;
     border: 0;
 }
 .ui-datepicker td
 {
     border: 0;
     padding: 1px;
 }
 .ui-datepicker td span, .ui-datepicker td a
 {
     display: block;
     padding: .2em;
     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;
 }
 
 /* with multiple calendars */
 .ui-datepicker.ui-datepicker-multi
 {
     width: auto;
 }
 .ui-datepicker-multi .ui-datepicker-group
 {
     float: left;
 }
 .ui-datepicker-multi .ui-datepicker-group table
 {
     width: 95%;
     margin: 0 auto .4em;
 }
 .ui-datepicker-multi-2 .ui-datepicker-group
 {
     width: 50%;
 }
 .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%;
 }
 
 /* RTL support */
 .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;
 }
 
 /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
 .ui-datepicker-cover
 {
     display: none; /*sorry for IE5*/
     display: /**/ block; /*sorry for IE5*/
     position: absolute; /*must have*/
     z-index: -1; /*must have*/
     filter: mask(); /*must have*/
     top: -4px; /*must have*/
     left: -4px; /*must have*/
     width: 200px; /*must have*/
     height: 200px; /*must have*/
 }
 /*
  * jQuery UI Progressbar 1.8.7
  *
  * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Progressbar#theming
  */
 .ui-progressbar
 {
     height: 2em;
     text-align: left;
 }
 .ui-progressbar .ui-progressbar-value
 {
     margin: -1px;
     height: 100%;
 }
 
 /* Custom */
 
 
 
 
 .wijmo-dropdown-trigger
 {
     -moz-border-radius-topright: 2px;
     -webkit-border-top-right-radius: 2px;
     border-top-right-radius: 2px;
     -moz-border-radius-bottomright: 2px;
     -webkit-border-bottom-right-radius: 2px;
     border-bottom-right-radius: 2px;
 }
 
 
 .wijmo-wijdropdown label.wijmo-dropdown-label
 {
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
 }
 
-.wijmo-wijinput, .wijmo-wijtextbox, .wijmo-checkbox-box, .wijmo-wijradio-box, .wijmo-wijgrid .wijmo-wijinput
+.wijmo-wijinput, .wijmo-wijtextbox, .wijmo-wijgrid .wijmo-wijinput
 {
     /*background: #242122 url(images/ui-bg_inset-soft_15_242122_1x100.png) 50% 50% repeat-x !important;*/ /*background: #e1e1e1 url(images/ui-bg_inset-soft_100_e1e1e1_1x100.png) 50% 50% repeat-x !important;*/
     background: #f1f1f1 !important;
     color: #404040;
     border: solid 1px #e1e1e1;
 }
+.wijmo-checkbox .wijmo-checkbox-box, div.wijmo-wijradio-box
+{
+    background: #f1f1f1;
+    border: solid 1px #e1e1e1;
+}
 .wijmo-wijinput.ui-state-focus, .wijmo-wijtextbox.ui-state-focus
 {
     /*background: #e1e1e1 url(images/ui-bg_inset-soft_100_e1e1e1_1x100.png) 50% 50% repeat-x !important;*/
     background: #fafafa !important;
     color: #404040 !important;
 }
 
 .wijmo-checkbox .ui-state-hover, .wijmo-wijradio .ui-state-hover
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid #00a6dd;
     background: #00a6dd url(images/ui-bg_highlight-soft_35_00a6dd_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
     text-shadow: none;
 }
 
 .wijmo-checkbox .ui-state-active, .wijmo-wijradio .ui-state-active
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid transparent;
     background: #606154 url(images/ui-bg_highlight-soft_15_333333_1x100.png) top repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 
 
 
 .wijmo-wijgrid .wijmo-wijgrid-table .wijmo-wijgrid-filter-input
 {
     background: #e1e1e1 url(images/ui-bg_inset-soft_100_e1e1e1_1x100.png) 50% 50% repeat-x !important;
     color: #404040 !important;
 }
 
 .wijmo-wijgrid-row .ui-state-highlight
 {
     border-right: solid 1px transparent !important;
 }
 
 .wijmo-wijmenu .wijmo-wijmenu-list .wijmo-wijmenu-item
 {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .wijmo-wijdropdown .wijmo-dropdown, .wijmo-wijmenu-child, .wijmo-wijcombobox-list, .wijmo-wijgrid-filterlist
 {
     -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
     -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
     box-shadow: 3px 3px 3px rgba(0,0,0,0.15);
 }
 
 .wijmo-wijmenu-child .ui-state-default .wijmo-wijmenu-text, .wijmo-wijmenu-child a.wijmo-wijmenu-text
 {
     color: #404040;
 }
 .wijmo-wijmenu-ipod .wijmo-wijmenu-list .ui-state-default .wijmo-wijmenu-text
 {
     color: #fafafa;
 }
 .wijmo-wijmenu-ipod .wijmo-wijmenu-list
 {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .wijmo-wijmenu .wijmo-wijsuperpanel
 {
     background: none !important;
 }
 
 
 .wijmo-wijmenu-child .ui-state-hover .wijmo-wijmenu-text, .wijmo-wijmenu-child .ui-state-active .wijmo-wijmenu-text, .wijmo-wijmenu-child .ui-state-focus .wijmo-wijmenu-text
 {
     color: #fafafa;
 }
 
 
 .wijmo-wijmenu-child a:hover
 {
     color: #fafafa !important;
 }
 
 .wijmo-wijmenu-child a:focus, .wijmo-wijmenu-child a:active
 {
     color: #fafafa !important;
 }
 
 .ui-progressbar-value, .ui-slider-range
 {
     border: 1px solid #00a6dd;
     background: #00a6dd url(images/ui-bg_highlight-soft_35_00a6dd_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 
 .wijmo-wijsuperpanel-vbarcontainer, .wijmo-wijsuperpanel-hbarcontainer
 {
     background: #888978;
 }
 
 .wijmo-wijsuperpanel-vbarcontainer
 {
     -moz-box-shadow: inset 3px 0 10px rgba(0,0,0,0.25);
     -webkit-box-shadow: inset 3px 0 10px rgba(0,0,0,0.25);
     box-shadow: inset 3px 0 10px rgba(0,0,0,0.25);
 }
 
 
 .wijmo-wijsuperpanel-hbarcontainer
 {
     -moz-box-shadow: inset 0 3px 10px rgba(0,0,0,0.25);
     -webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,0.25);
     box-shadow: inset 0 3px 10px rgba(0,0,0,0.25);
 }
 
+.wijmo-wijsuperpanel .wijmo-wijsuperpanel-handle
+{
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+
 .wijmo-wijcalendar
 {
     display: block;
 }
 
 
 .wijmo-wijgrid .ui-state-highlight
 {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: transparent url(images/ui-bg_highlight-soft_15_9eca38_1x100_50.png) 50% 50% repeat-x;
     text-shadow: none;
     color: inherit;
 }
 
 
 .wijmo-wijgrid .wijmo-wijgrid-currency-cell
 {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     background: transparent url(images/ui-bg_highlight-soft_15_333333_1x100_50.png) repeat-x scroll center top;
     text-shadow: none;
     color: inherit;
     border-top: solid 1px #d3d3d3;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-default
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-default
 {
     background: none;
     border: solid 1px transparent;
     color: #404040;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-highlight
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-highlight
 {
     background: #9eca38 url(images/ui-bg_highlight-soft_15_9eca38_1x100.png) 50% 50% repeat-x;
     border: 1px solid #9eca38;
     color: #304915;
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.25);
     text-shadow: 1px 1px 0 rgba(255,255,255,0.50);
 }
 
 
 
-.wijmo-wijcalendar-day-selectable .ui-state-hover
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-hover
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid #00a6dd;
     background: #00a6dd url(images/ui-bg_highlight-soft_35_00a6dd_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
     text-shadow: none;
 }
-
 .wijmo-wijmenu .wijmo-wijmenu-separator
 {
     border: 1px solid #00a6dd;
     background: #00a6dd url(images/ui-bg_highlight-soft_35_00a6dd_1x100.png) 50% 50% repeat-x;
 }
 
 .wijmo-wijmenu .wij-menu-breadcrumb a
 {
     color: #fafafa;
     line-height: 22px;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-active
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-active
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     border: 1px solid transparent;
     background: #606154 url(images/ui-bg_highlight-soft_15_333333_1x100.png) top repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-priority-secondary
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-priority-secondary
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     border: 1px solid #404040;
     background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
     opacity: 0.25;
 }
 .wijmo-wijcombobox .wijmo-wijcombobox-input
 {
     background: #f1f1f1;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     color: #404040;
 }
 
 .ui-expander-top .ui-expander-content
 {
     border-top: solid 1px #E3E3E3 !important;
 }
 
 .ui-expander-right .ui-expander-content
 {
     border-top: solid 1px #E3E3E3 !important;
     border-right: solid 1px #E3E3E3 !important;
     border-bottom: solid 1px #E3E3E3 !important;
     padding: 0 1em !important;
 }
 
 .ui-expander-left .ui-expander-content
 {
     border-top: solid 1px #E3E3E3 !important;
     border-left: solid 1px #E3E3E3 !important;
     border-bottom: solid 1px #E3E3E3 !important;
     padding: 0 1em !important;
 }
 
 .ui-accordion-top .ui-accordion-content
 {
     border-top: solid 1px #E3E3E3 !important;
 }
 
 .ui-accordion-right .ui-accordion-content
 {
     border-top: solid 1px #E3E3E3 !important;
     border-right: solid 1px #E3E3E3 !important;
     border-bottom: solid 1px #E3E3E3 !important;
     padding: 0 1em !important;
 }
 
 .ui-accordion-left .ui-accordion-content
 {
     border-top: solid 1px #E3E3E3 !important;
     border-left: solid 1px #E3E3E3 !important;
     border-bottom: solid 1px #E3E3E3 !important;
     padding: 0 1em !important;
 }
 
 
 .ui-tabs .ui-tabs-nav
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     border: 1px solid #404040;
     background: #242122 url(images/ui-bg_highlight-soft_15_242122_1x100_bottom.png) 50% 50% repeat-x;
     font-weight: normal;
     color: #fafafa;
 }
 
 .wijmo-wijgrid .wijmo-wijcombobox-wrapper .wijmo-wijcombobox-input
 {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
 }
 
 
 .wijmo-wijgrid .wijmo-wijcombobox-trigger .ui-icon, .wijmo-wijgrid .wijmo-wijinput .ui-icon
 {
     background-image: url(images/ui-icons_fafafa_256x240.png);
 }
 
 .wijmo-wijgrid .wijmo-wijcombobox-wrapper
 {
     background: none;
 }
 
 .wijmo-wijgrid .ui-input-spinner-right .wijmo-wijinput-spinup
 {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
 }
 
 .wijmo-wijgrid .ui-input-spinner-right .wijmo-wijinput-spindown
 {
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
 }
 
 .ui-datepicker-group .ui-datepicker-header
 {
     -moz-border-radius: 0;
     border: none;
 }
 
 .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title
 {
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
 }
 
 .ui-datepicker-group-first .ui-datepicker-header
 {
     -moz-border-radius-topleft: 4px;
     -webkit-border-top-left-radius: 4px;
     border-top-left-radius: 4px;
     -moz-border-radius-bottomleft: 4px;
     -webkit-border-bottom-left-radius: 4px;
     border-bottom-left-radius: 4px;
 }
 
 .ui-datepicker-group-last .ui-datepicker-header
 {
     -moz-border-radius-topright: 4px;
     -webkit-border-top-right-radius: 4px;
     border-top-right-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -webkit-border-bottom-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
 
 a.ui-button:link, a.ui-button
 {
     color: #fafafa;
 }
 
 .wijmo-wijwizard .wijmo-wijsuperpanel
 {
     background: none;
     border: none;
 }
 
 .wijmo-wijmenu .wijmo-wijmenu-link .wijmo-wijmenu-icon-right
 {
     color: #404040;
 }
 
 .wijmo-wijmenu .wijmo-wijmenu-link:hover .wijmo-wijmenu-icon-right
 {
     color: #fafafa;
 }
 
 
 .wijmo-wijmenu .wijmo-wijmenu-link label
 {
     color: #404040;
 }
+/* Ribbon */
+.wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .wijmo-wijribbon-text
+{
+    color: #fafafa;
+}
+div.wijmo-wijribbon .ui-icon
+{
+    background-image: url("images/wijmo-ui-icons_000000_240x112.png");
+}
+div.wijmo-wijribbon-simple span.ui-icon, div.wijmo-wijribbon .ui-state-active .ui-icon, .wijmo-wijribbon .wijmo-wijribbon-group .ui-button:hover .ui-icon, div.wijmo-wijribbon-modes span.ui-icon, .wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .ui-icon, .wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .wijmo-wijribbon-abbrevicon
+{
+    background-image: url("images/wijmo-ui-icons_ffffff_240x112.png");
+}
+.wijmo-wijeditor .ui-tabs .ui-tabs-nav li.ui-tabs-selected
+{
+    padding-bottom: 0;
+}
+div.wijmo-wijribbon-simple .ui-button-text-icon-secondary .ui-button-text
+{
+    color: #fafafa;
+}
+
+
+div.wijmo-wijribbon .ui-state-active .ui-button-text
+{
+    border: solid 1px transparent;
+    border-radius: 4px;
+    margin: -1px;
+}
  No newline at end of file

IPython/frontend/html/notebook/static/js/notebookmain.js

@@ -1,141 +1,143
 //----------------------------------------------------------------------------
 //  Copyright (C) 2008-2011  The IPython Development Team
 //
 //  Distributed under the terms of the BSD License.  The full license is in
 //  the file COPYING, distributed as part of this software.
 //----------------------------------------------------------------------------
 
 //============================================================================
 // On document ready
 //============================================================================
 
 
 $(document).ready(function () {
     if (window.MathJax){ 
         // MathJax loaded
         MathJax.Hub.Config({
             tex2jax: {
                 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
             },
             displayAlign: 'left', // Change this to 'center' to center equations.
             "HTML-CSS": {
                 styles: {'.MathJax_Display': {"margin": 0}}
             }
         });
     }else if (window.mathjax_url != ""){
         // Don't have MathJax, but should. Show dialog.
         var dialog = $('<div></div>')
             .append(
                 $("<p></p>").addClass('dialog').html(
                     "Math/LaTeX rendering will be disabled."
                 )
             ).append(
                 $("<p></p>").addClass('dialog').html(
                     "If you have administrative access to the notebook server and" +
                     " a working internet connection, you can install a local copy" +
                     " of MathJax for offline use with the following command on the server" +
                     " at a Python or IPython prompt:"
                 )
             ).append(
                 $("<pre></pre>").addClass('dialog').html(
                     ">>> from IPython.external import mathjax; mathjax.install_mathjax()"
                 )
             ).append(
                 $("<p></p>").addClass('dialog').html(
                     "This will try to install MathJax into the IPython source directory."
                 )
             ).append(
                 $("<p></p>").addClass('dialog').html(
                     "If IPython is installed to a location that requires" +
                     " administrative privileges to write, you will need to make this call as" +
                     " an administrator, via 'sudo'."
                 )
             ).append(
                 $("<p></p>").addClass('dialog').html(
                     "When you start the notebook server, you can instruct it to disable MathJax support altogether:"
                 )
             ).append(
                 $("<pre></pre>").addClass('dialog').html(
                     "$ ipython notebook --no-mathjax"
                 )
             ).append(
                 $("<p></p>").addClass('dialog').html(
                     "which will prevent this dialog from appearing."
                 )
             ).dialog({
                 title: "Failed to retrieve MathJax from '" + window.mathjax_url + "'",
                 width: "70%",
                 modal: true,
             })
     }else{
         // No MathJax, but none expected. No dialog.
     }
     
     IPython.markdown_converter = new Markdown.Converter();
     IPython.read_only = $('meta[name=read_only]').attr("content") == 'True';
 
     $('div#header').addClass('border-box-sizing');
     $('div#main_app').addClass('border-box-sizing ui-widget ui-widget-content');
     $('div#notebook_panel').addClass('border-box-sizing ui-widget');
 
+    $('ul#menus').wijmenu();
+
     IPython.layout_manager = new IPython.LayoutManager();
     IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter');
     IPython.left_panel = new IPython.LeftPanel('div#left_panel', 'div#left_panel_splitter');
     IPython.save_widget = new IPython.SaveWidget('span#save_widget');
     IPython.quick_help = new IPython.QuickHelp('span#quick_help_area');
     IPython.login_widget = new IPython.LoginWidget('span#login_widget');
     IPython.print_widget = new IPython.PrintWidget('span#print_widget');
     IPython.notebook = new IPython.Notebook('div#notebook');
     IPython.kernel_status_widget = new IPython.KernelStatusWidget('#kernel_status');
     IPython.kernel_status_widget.status_idle();
 
     IPython.layout_manager.do_resize();
 
     // These have display: none in the css file and are made visible here to prevent FLOUC.
     $('div#header').css('display','block');
 
     if(IPython.read_only){
         // hide various elements from read-only view
         IPython.save_widget.element.find('button#save_notebook').addClass('hidden');
         IPython.quick_help.element.addClass('hidden'); // shortcuts are disabled in read_only
         $('div#pager').remove();
         $('div#pager_splitter').remove();
         $('button#new_notebook').addClass('hidden');
         $('div#cell_section').addClass('hidden');
         $('div#config_section').addClass('hidden');
         $('div#kernel_section').addClass('hidden');
         $('span#login_widget').removeClass('hidden');
 
         // set the notebook name field as not modifiable
         $('#notebook_name').attr('disabled','disabled')
 
         // left panel starts collapsed, but the collapse must happen after
         // elements start drawing.  Don't draw contents of the panel until
         // after they are collapsed
         IPython.left_panel.left_panel_element.css('visibility', 'hidden');
     }
 
     $('div#main_app').css('display','block');
 
     // Perform these actions after the notebook has been loaded.
     // We wait 100 milliseconds because the notebook scrolls to the top after a load
     // is completed and we need to wait for that to mostly finish.
     IPython.notebook.load_notebook(function () {
         setTimeout(function () {
             IPython.save_widget.update_url();
             IPython.layout_manager.do_resize();
             IPython.pager.collapse();
             if(IPython.read_only){
                 // collapse the left panel on read-only
                 IPython.left_panel.collapse();
                 // and finally unhide the panel contents after collapse
                 setTimeout(function(){
                     IPython.left_panel.left_panel_element.css('visibility', 'visible');
                 }, 200);
             }
         },100);
     });
 
 });
 

IPython/frontend/html/notebook/templates/layout.html

@@ -1,85 +1,86
 <!DOCTYPE HTML>
 <html>
 
 <head>
     <meta charset="utf-8">
 
     <title>{% block title %}IPython Notebook{% end %}</title>
 
     <link rel="stylesheet" href="/static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/boilerplate.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/layout.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/base.css" type="text/css"/>
     {% block stylesheet %}
     {% end %}
 
     {% block meta %}
     {% end %}
 
 </head>
 
 <body {% block params %}{% end %}>
 
 <div id="header">
     <span id="ipython_notebook"><h1><img src='/static/ipynblogo.png' alt='IPython Notebook'/></h1></span>
 
     {% block login_widget %}
 
       <span id="login_widget">
         {% if logged_in %}
           <button id="logout">Logout</button>
         {% elif login_available and not logged_in %}
           <button id="login">Login</button>
         {% end %}
       </span>
 
     {% end %}
 
     {% block header %}
     {% end %}
 </div>
 
 <div id="header_border"></div>
 
 <div id="main_app">
 
     <div id="app_hbox">
 
     <div id="left_panel">
     {% block left_panel %}
     {% end %}
     </div>
 
     <div id="content_panel">
         {% if message %}
 
           {% for key in message %}
             <div class="message {{key}}">
                {{message[key]}}
             </div>
           {% end %}
         {% end %}
 
         {% block content_panel %}
         {% end %}
     </div>
     <div id="right_panel">
     {% block right_panel %}
     {% end %}
     </div>
 
     </div>
 
 </div>
 
 <script src="/static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/namespace.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginmain.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginwidget.js" type="text/javascript" charset="utf-8"></script>
+
 {% block script %}
 {% end %}
 
 </body>
 
 </html>

IPython/frontend/html/notebook/templates/notebook.html

@@ -1,298 +1,372
 <!DOCTYPE HTML>
 <html>
 
 <head>
     <meta charset="utf-8">
 
     <title>IPython Notebook</title>
 
     {% if mathjax_url %}
     <script type="text/javascript" src="{{mathjax_url}}?config=TeX-AMS_HTML" charset="utf-8"></script>
     {% end %}
     <script type="text/javascript">
     // MathJax disabled, set as null to distingish from *missing* MathJax,
     // where it will be undefined, and should prompt a dialog later.
     window.mathjax_url = "{{mathjax_url}}";
     </script>
 
+    <link rel="stylesheet" href="/static/jquery/css/jquery.wijmo-open.2.0.0b1.css" type="text/css" />
     <link rel="stylesheet" href="/static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" />
     <link rel="stylesheet" href="/static/codemirror/lib/codemirror.css">
     <link rel="stylesheet" href="/static/codemirror/mode/markdown/markdown.css">
     <link rel="stylesheet" href="/static/codemirror/mode/rst/rst.css">
     <link rel="stylesheet" href="/static/codemirror/theme/ipython.css">
     <link rel="stylesheet" href="/static/codemirror/theme/default.css">
 
     <link rel="stylesheet" href="/static/prettify/prettify.css"/>
 
     <link rel="stylesheet" href="/static/css/boilerplate.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/layout.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/base.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/notebook.css" type="text/css" />
     <link rel="stylesheet" href="/static/css/renderedhtml.css" type="text/css" />
 
     {% comment  In the notebook, the read-only flag is used to determine %}
     {% comment  whether to hide the side panels and switch off input %}
     <meta name="read_only" content="{{read_only and not logged_in}}"/>
 
 </head>
 
 <body
     data-project={{project}} data-notebook-id={{notebook_id}}
     data-base-project-url={{base_project_url}} data-base-kernel-url={{base_kernel_url}}
 >
 
 <div id="header">
     <span id="ipython_notebook"><h1><a href='..' alt='dashboard'><img src='/static/ipynblogo.png' alt='IPython Notebook'/></a></h1></span>
     <span id="save_widget">
         <input type="text" id="notebook_name" size="20"></textarea>
         <button id="save_notebook"><u>S</u>ave</button>
     </span>
     <span id="quick_help_area">
       <button id="quick_help">Quick<u>H</u>elp</button>
     </span>
 
     <span id="login_widget">
       {% comment  This is a temporary workaround to hide the logout button %}
       {% comment  when appropriate until notebook.html is templated %}
       {% if logged_in %}
         <button id="logout">Logout</button>
       {% elif not logged_in and login_available %}
         <button id="login">Login</button>
       {% end %}
     </span>
 
     <span id="kernel_status">Idle</span>
 </div>
 
+<div id="menu_bar">
+    <ul id="menus">
+        <li><a href="#">File</a>
+            <ul>
+                <li><a href="#">New</a></li>
+                <li><a href="#">Open...</a></li>
+                <li></li>
+                <li><a href="#">Save</a></li>
+                <li></li>
+                <li><a href="#">Download as</a>
+                    <ul>
+                        <li><a href="#">IPython (.ipynb)</a></li>
+                        <li><a href="#">Python (.py)</a></li>
+                    </ul>
+                </li>
+                <li></li>
+                <li><a href="#">Print</a></li>
+                
+            </ul>
+        </li>
+        <li><a href="#">Edit</a>
+            <ul>
+                <li><a href="#">Delete</a></li>
+                <li></li>
+                <li><a href="#">Move Up</a></li>
+                <li><a href="#">Move Down</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Insert</a>
+            <ul>
+                <li><a href="#">Insert Above</a>
+                <li><a href="#">Insert Below</a>
+                </li>
+            </ul>
+        </li>
+        <li><a href="#">Cell</a>
+            <ul>
+                <li><a href="#">Run</a></li>
+                <li><a href="#">Run in Place</a></li>
+                <li><a href="#">Run All</a></li>
+                <li></li>
+                <li><a href="#">Code Cell</a></li>
+                <li><a href="#">Markdown Cell</a></li>
+                <li></li>
+                <li><a href="#">Toggle Output</a></li>
+                <li><a href="#">Clear All Output</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Kernel</a>
+            <ul>
+                <li><a href="#">Interrupt</a></li>
+                <li><a href="#">Restart</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Help</a>
+            <ul>
+                <li><a href="#">IPython Help</a></li>
+                <li><a href="#">Notebook Help</a></li>
+                <li><a href="#">Notebook QuickRef</a></li>
+                <li><h2>External Docs</h2></li>
+                <li><a href="#">Python</a></li>
+                <li><a href="#">NumPy</a></li>
+                <li><a href="#">SciPy</a></li>
+                <li><a href="#">SymPy</a></li>
+                <li><a href="#">Matplotlib</a></li>
+            </ul>
+        </li>
+    </ul>
+
+</div>
+
 <div id="main_app">
 
     <div id="left_panel">
 
         <div id="notebook_section">
             <div class="section_header">
                 <h3>Notebook</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
                     <span id="new_open" class="section_row_buttons">
                         <button id="new_notebook">New</button>
                         <button id="open_notebook">Open</button>
                     </span>
                     <span class="section_row_header">Actions</span>
                 </div>
                 <div class="section_row">
                     <span>
                         <select id="download_format">
                             <option value="json">ipynb</option>
                             <option value="py">py</option>
                         </select>
                     </span>
                     <span class="section_row_buttons">
                         <button id="download_notebook">Download</button>
                     </span>
                 </div>
                 <div class="section_row">
                     <span class="section_row_buttons">
                         <span id="print_widget">
                             <button id="print_notebook">Print</button>
                         </span>
                     </span>
                 </div>
             </div>
         </div>
 
         <div id="cell_section">
             <div class="section_header">
                 <h3>Cell</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
                     <span class="section_row_buttons">
                         <button id="delete_cell"><u>D</u>elete</button>
                     </span>
                     <span class="section_row_header">Actions</span>
                 </div>
                 <div class="section_row">
                     <span id="cell_type" class="section_row_buttons">
                         <button id="to_code"><u>C</u>ode</button>
 <!--                        <button id="to_html">HTML</button>-->
                         <button id="to_markdown"><u>M</u>arkdown</button>
                     </span>
                      <span class="button_label">Format</span> 
                 </div>
                 <div class="section_row">
                     <span id="cell_output" class="section_row_buttons">
                         <button id="toggle_output"><u>T</u>oggle</button>
                         <button id="clear_all_output">ClearAll</button>
                     </span>
                     <span class="button_label">Output</span>
                 </div>
                 <div class="section_row">
                     <span id="insert" class="section_row_buttons">
                         <button id="insert_cell_above"><u>A</u>bove</button>
                         <button id="insert_cell_below"><u>B</u>elow</button>
                     </span>
                     <span class="button_label">Insert</span>
                 </div>
                 <div class="section_row">
                     <span id="move" class="section_row_buttons">
                         <button id="move_cell_up">Up</button>
                         <button id="move_cell_down">Down</button>
                     </span>
                     <span class="button_label">Move</span>
                 </div>
                 <div class="section_row">
                     <span id="run_cells" class="section_row_buttons">
                         <button id="run_selected_cell">Selected</button>
                         <button id="run_all_cells">All</button>
                     </span>
                     <span class="button_label">Run</span>
                 </div>
                 <div class="section_row">
                     <span id="autoindent_span">
                         <input type="checkbox" id="autoindent" checked="true"></input>
                     </span>
                     <span class="checkbox_label" id="autoindent_label">Autoindent:</span>
                 </div>
             </div>
         </div>
 
         <div id="kernel_section">
             <div class="section_header">
                 <h3>Kernel</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
                     <span id="int_restart" class="section_row_buttons">
                         <button id="int_kernel"><u>I</u>nterrupt</button>
                         <button id="restart_kernel">Restart</button>
                     </span>
                     <span class="section_row_header">Actions</span>
                 </div>
                 <div class="section_row">
                     <span id="kernel_persist">
                         {% if kill_kernel %}
                             <input type="checkbox" id="kill_kernel" checked="true"></input>
                         {% else %}
                             <input type="checkbox" id="kill_kernel"></input>
                         {% end %}
                     </span>
                     <span class="checkbox_label" id="kill_kernel_label">Kill kernel upon exit:</span>
                 </div>
             </div>
         </div>
 
         <div id="help_section">
             <div class="section_header">
                 <h3>Help</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
                     <span id="help_buttons0" class="section_row_buttons">
                         <a id="python_help" href="http://docs.python.org" target="_blank">Python</a>
                         <a id="ipython_help" href="http://ipython.org/documentation.html" target="_blank">IPython</a>
                     </span>
                     <span class="section_row_header">Links</span>
                 </div>
                 <div class="section_row">
                     <span id="help_buttons1" class="section_row_buttons">
                         <a id="numpy_help" href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a>
                         <a id="scipy_help" href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a>
                     </span>
                 </div>
                 <div class="section_row">
                     <span id="help_buttons2" class="section_row_buttons">
                         <a id="matplotlib_help" href="http://matplotlib.sourceforge.net/" target="_blank">MPL</a>
                         <a id="sympy_help" href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a>
                     </span>
                 </div>
                 <div class="section_row">
                     <span class="help_string">run selected cell</span>
                     <span class="help_string_label">Shift-Enter :</span>
                 </div>
                 <div class="section_row">
                     <span class="help_string">run selected cell in-place</span>
                     <span class="help_string_label">Ctrl-Enter  :</span>
                 </div>
                 <div class="section_row">
                     <span class="help_string">show keyboard shortcuts</span>
                     <span class="help_string_label">Ctrl-m h  :</span>
                 </div>
             </div>
         </div>
 
         <div id="config_section">
             <div class="section_header">
                 <h3>Configuration</h3>
             </div>
             <div class="section_content">
                 <div class="section_row">
                     <span id="tooltipontab_span">
                         <input type="checkbox" id="tooltipontab" checked="true"></input>
                     </span>
                     <span class="checkbox_label" id="tooltipontab_label">Tooltip on tab:</span>
                 </div>
                 <div class="section_row">
                     <span id="smartcompleter_span">
                         <input type="checkbox" id="smartcompleter" checked="true"></input>
                     </span>
                     <span class="checkbox_label" id="smartcompleter_label">Smart completer:</span>
                 </div>
                 <div class="section_row">
                     <span id="timebeforetooltip_span">
                         <input type="text" id="timebeforetooltip" value="1200" size='6'></input>
                         <span class="numeric_input_label" id="timebeforetooltip_unit">milliseconds</span>
                     </span>
                     <span class="numeric_input_label" id="timebeforetooltip_label">Time before tooltip : </span>
                 </div>
             </div>
         </div>
 
     </div>
     <div id="left_panel_splitter"></div>
     <div id="notebook_panel">
         <div id="notebook"></div>
         <div id="pager_splitter"></div>
         <div id="pager"></div>
     </div>
 
 </div>
 
 <script src="/static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.wijmo-open.all.2.0.0b1.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.bgiframe-2.1.3-pre.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
 
 <script src="/static/codemirror/lib/codemirror.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/python/python.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/htmlmixed/htmlmixed.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/xml/xml.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/javascript/javascript.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/css/css.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/rst/rst.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/markdown/markdown.js" charset="utf-8"></script>
 
 <script src="/static/pagedown/Markdown.Converter.js" charset="utf-8"></script>
 
 <script src="/static/prettify/prettify.js" charset="utf-8"></script>
 
 <script src="/static/js/namespace.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/utils.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/cell.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/codecell.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/textcell.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/kernel.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/kernelstatus.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/layout.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/savewidget.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/quickhelp.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginwidget.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/pager.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/panelsection.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/printwidget.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/leftpanel.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/notebook.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/notebookmain.js" type="text/javascript" charset="utf-8"></script>
 
 </body>
 
 </html>