+#right-panel-wrap {
+ right: 0px;
+ width: auto;
+ left: 8px; /* initial width of the left panel */
+}
+
+/* contents */
+.panel-content {
+ position: absolute;
+ top: 22px; left: 0px; bottom:0px; right: 0px;
+}
+
+.panel-overlay {
+ position: absolute;
+ top: 0px; bottom: 0px; left: 0px; right: 0px;
+ z-index: 10;
+ background: gray;
+ opacity: 0.8;
+ text-align: center;
+ overflow: hidden;
+ display: none;
+}
+
+.panel-content-overlay {
+}
+
+.panel-wrap.last-panel .panel-content {
+ right: 0px;
+}
+
+/* Toolbars with select box to change panel contents*/
+.panel-toolbar {
+ position: absolute;
+ top: 0px; left:0px; right: 0px; height: 20px;
+
+ padding: 0 0 2px 0;
+ border-top: 1px solid #AAA;
+ border-bottom: 1px solid #AAA;
+ font-size: 12px;
+ line-height: 20px;
+ background-color: #DDD;
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+.panel-toolbar label {
+ display: block;