rlm@46: /*
rlm@46:  * Ext JS Library 2.1
rlm@46:  * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46:  * licensing@extjs.com
rlm@46:  * 
rlm@46:  * http://extjs.com/license
rlm@46:  */
rlm@46: 
rlm@46: .x-border-layout-ct {
rlm@46:     background:#dfe8f6;
rlm@46: }
rlm@46: .x-border-panel {
rlm@46:     position:absolute;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-collapse-south {
rlm@46:     background-position:0 -195px;
rlm@46: }
rlm@46: .x-tool-collapse-south-over {
rlm@46:     background-position:-15px -195px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-collapse-north {
rlm@46:     background-position:0 -210px;
rlm@46: }
rlm@46: .x-tool-collapse-north-over {
rlm@46:     background-position:-15px -210px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-collapse-west {
rlm@46:     background-position:0 -180px;
rlm@46: }
rlm@46: .x-tool-collapse-west-over {
rlm@46:     background-position:-15px -180px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-collapse-east {
rlm@46:     background-position:0 -165px;
rlm@46: }
rlm@46: .x-tool-collapse-east-over {
rlm@46:     background-position:-15px -165px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-tool-expand-south {
rlm@46:     background-position:0 -210px;
rlm@46: }
rlm@46: .x-tool-expand-south-over {
rlm@46:     background-position:-15px -210px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-expand-north {
rlm@46:     background-position:0 -195px;
rlm@46: }
rlm@46: .x-tool-expand-north-over {
rlm@46:     background-position:-15px -195px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-expand-west {
rlm@46:     background-position:0 -165px;
rlm@46: }
rlm@46: .x-tool-expand-west-over {
rlm@46:     background-position:-15px -165px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-expand-east {
rlm@46:     background-position:0 -180px;
rlm@46: }
rlm@46: .x-tool-expand-east-over {
rlm@46:     background-position:-15px -180px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-expand-north, .x-tool-expand-south {
rlm@46:     float:right;
rlm@46:     margin:3px;
rlm@46: }
rlm@46: .x-tool-expand-east, .x-tool-expand-west {
rlm@46:     float:none;
rlm@46:     margin:3px auto;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: 
rlm@46: .x-accordion-hd .x-tool-toggle {
rlm@46:     background-position:0 -255px;
rlm@46: }
rlm@46: .x-accordion-hd .x-tool-toggle-over {
rlm@46:     background-position:-15px -255px;
rlm@46: }
rlm@46: .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
rlm@46:     background-position:0 -240px;
rlm@46: }
rlm@46: .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
rlm@46:     background-position:-15px -240px;
rlm@46: }
rlm@46: 
rlm@46: .x-accordion-hd {
rlm@46: 	color:#222;
rlm@46: 	padding-top:4px;
rlm@46: 	padding-bottom:3px;
rlm@46: 	border-top:0 none;
rlm@46:     font-weight:normal;
rlm@46:     background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;
rlm@46: }
rlm@46: 
rlm@46: .x-layout-collapsed{
rlm@46:     position:absolute;
rlm@46:     left:-10000px;
rlm@46:     top:-10000px;
rlm@46:     visibility:hidden;
rlm@46:     background-color:#d2e0f2;
rlm@46:     width:20px;
rlm@46:     height:20px;
rlm@46:     overflow:hidden;
rlm@46: 	border:1px solid #98c0f4;
rlm@46: 	z-index:20;
rlm@46: }
rlm@46: .ext-border-box .x-layout-collapsed{
rlm@46:     width:22px;
rlm@46:     height:22px;
rlm@46: }
rlm@46: .x-layout-collapsed-over{
rlm@46:     cursor:pointer;
rlm@46: 	 background-color:#d9e8fb;
rlm@46: }
rlm@46: .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
rlm@46: 	position:absolute;
rlm@46:     top:0;
rlm@46:     left:0;
rlm@46:     width:20px;
rlm@46:     height:20px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-layout-split{
rlm@46:     position:absolute;
rlm@46:     height:5px;
rlm@46:     width:5px;
rlm@46:     line-height:1px;
rlm@46:     font-size:1px;
rlm@46:     z-index:3;
rlm@46:     background-color:transparent;
rlm@46: }
rlm@46: 
rlm@46: .x-layout-split-h{
rlm@46:     background-image:url(../images/default/s.gif);
rlm@46:     background-position: left;
rlm@46: }
rlm@46: .x-layout-split-v{
rlm@46:     background-image:url(../images/default/s.gif);
rlm@46:     background-position: top;
rlm@46: }
rlm@46: 
rlm@46: .x-column-layout-ct {
rlm@46:     overflow:hidden;
rlm@46:     /*padding:3px 3px 3px 3px;*/
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: .x-column {
rlm@46:     float:left;
rlm@46:     padding:0;
rlm@46:     margin:0;
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46:     /*margin:3px;*/
rlm@46: }
rlm@46: 
rlm@46: /* mini mode */
rlm@46: 
rlm@46: .x-layout-mini {
rlm@46:     position:absolute;
rlm@46:     top:0;
rlm@46:     left:0;
rlm@46:     display:block;
rlm@46:     width:5px;
rlm@46:     height:35px;
rlm@46:     cursor:pointer;
rlm@46:     opacity:.5;
rlm@46:     -moz-opacity:.5;
rlm@46:     filter:alpha(opacity=50);
rlm@46: }
rlm@46: .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
rlm@46:     opacity:1;
rlm@46:     -moz-opacity:1;
rlm@46:     filter:none;
rlm@46: }
rlm@46: 
rlm@46: .x-layout-split-west .x-layout-mini {
rlm@46:     top:48%;
rlm@46:     background-image:url(../images/default/layout/mini-left.gif);
rlm@46: }
rlm@46: .x-layout-split-east .x-layout-mini {
rlm@46:     top:48%;
rlm@46:     background-image:url(../images/default/layout/mini-right.gif);
rlm@46: }
rlm@46: .x-layout-split-north .x-layout-mini {
rlm@46:     left:48%;
rlm@46:     height:5px;
rlm@46:     width:35px;
rlm@46:     background-image:url(../images/default/layout/mini-top.gif);
rlm@46: }
rlm@46: .x-layout-split-south .x-layout-mini {
rlm@46:     left:48%;
rlm@46:     height:5px;
rlm@46:     width:35px;
rlm@46:     background-image:url(../images/default/layout/mini-bottom.gif);
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-layout-cmini-west .x-layout-mini {
rlm@46:     top:48%;
rlm@46:     background-image:url(../images/default/layout/mini-right.gif);
rlm@46: }
rlm@46: 
rlm@46: .x-layout-cmini-east .x-layout-mini {
rlm@46:     top:48%;
rlm@46:     background-image:url(../images/default/layout/mini-left.gif);
rlm@46: }
rlm@46: 
rlm@46: .x-layout-cmini-north .x-layout-mini {
rlm@46:     left:48%;
rlm@46:     height:5px;
rlm@46:     width:35px;
rlm@46:     background-image:url(../images/default/layout/mini-bottom.gif);
rlm@46: }
rlm@46: 
rlm@46: .x-layout-cmini-south .x-layout-mini {
rlm@46:     left:48%;
rlm@46:     height:5px;
rlm@46:     width:35px;
rlm@46:     background-image:url(../images/default/layout/mini-top.gif);
rlm@46: }
rlm@46: 
rlm@46: .x-layout-cmini-west, .x-layout-cmini-east {
rlm@46:     border:0 none;
rlm@46:     width:5px !important;
rlm@46:     padding:0;
rlm@46:     background:transparent;
rlm@46: }
rlm@46: 
rlm@46: .x-layout-cmini-north, .x-layout-cmini-south {
rlm@46:     border:0 none;
rlm@46:     height:5px !important;
rlm@46:     padding:0;
rlm@46:     background:transparent;
rlm@46: }
rlm@46: 
rlm@46: .x-viewport, .x-viewport body {
rlm@46:     margin: 0;
rlm@46:     padding: 0;
rlm@46:     border: 0 none;
rlm@46:     overflow: hidden;
rlm@46:     height: 100%;
rlm@46: }
rlm@46: 
rlm@46: .x-abs-layout-item {
rlm@46:     position:absolute;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46: }
rlm@46: 
rlm@46: .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
rlm@46:     margin:0;
rlm@46: }