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: .ext-el-mask {
rlm@46:     z-index: 20000;
rlm@46:     position: absolute;
rlm@46:     top:0;
rlm@46:     left:0;
rlm@46:     -moz-opacity: 0.5;
rlm@46:     opacity: .50;
rlm@46:     filter: alpha(opacity=50);
rlm@46:     background-color: #CCC;
rlm@46:     width: 100%;
rlm@46:     height: 100%;
rlm@46:     zoom: 1;
rlm@46: }
rlm@46: .ext-el-mask-msg {
rlm@46:     z-index: 20001;
rlm@46:     position: absolute;
rlm@46:     top: 0;
rlm@46:     left: 0;
rlm@46:     border:1px solid #6593cf;
rlm@46:     background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: .ext-el-mask-msg div {
rlm@46:     padding:5px 10px 5px 10px;
rlm@46:     background: #eee;
rlm@46:     border:1px solid #a3bad9;
rlm@46:     color:#222;
rlm@46:     font:normal 11px tahoma, arial, helvetica, sans-serif;
rlm@46:     cursor:wait;
rlm@46: }
rlm@46: 
rlm@46: .ext-shim {
rlm@46:     position:absolute;
rlm@46:     visibility:hidden;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .ext-ie .ext-shim {
rlm@46:     filter: alpha(opacity=0);
rlm@46: }
rlm@46: .ext-ie6 .ext-shim {
rlm@46:     margin-left: 5px;
rlm@46:     margin-top: 3px;
rlm@46: }
rlm@46: 
rlm@46: .x-mask-loading div {
rlm@46:     padding:5px 10px 5px 25px;
rlm@46:     background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;
rlm@46:     line-height: 16px;
rlm@46: }
rlm@46: /* class for hiding elements without using display:none */
rlm@46: .x-hidden, .x-hide-offsets {
rlm@46:     position:absolute;
rlm@46:     left:-10000px;
rlm@46:     top:-10000px;
rlm@46:     visibility:hidden;
rlm@46: }
rlm@46: .x-hide-display {
rlm@46:     display:none !important;
rlm@46: }
rlm@46: 
rlm@46: .x-hide-visibility {
rlm@46:     visibility:hidden !important;
rlm@46: }
rlm@46: 
rlm@46: .x-masked {
rlm@46:     overflow: hidden !important;
rlm@46: }
rlm@46: 
rlm@46: .x-masked select, .x-masked object, .x-masked embed {
rlm@46:     visibility: hidden;
rlm@46: }
rlm@46: 
rlm@46: .x-layer {
rlm@46:     visibility: hidden;
rlm@46: }
rlm@46: 
rlm@46: .x-unselectable, .x-unselectable * {
rlm@46:     -moz-user-select: none;
rlm@46:     -khtml-user-select: none;
rlm@46: }
rlm@46: 
rlm@46: .x-repaint {
rlm@46:     zoom: 1;
rlm@46:     background-color: transparent;
rlm@46:     -moz-outline: none;
rlm@46: }
rlm@46: 
rlm@46: .x-item-disabled {
rlm@46:     color: gray;
rlm@46:     cursor: default;
rlm@46:     opacity: .6;
rlm@46:     -moz-opacity: .6;
rlm@46:     filter: alpha(opacity=60);
rlm@46: }
rlm@46: 
rlm@46: .x-item-disabled * {
rlm@46:     color: gray !important;
rlm@46:     cursor: default !important;
rlm@46: }
rlm@46: 
rlm@46: .x-splitbar-proxy {
rlm@46:     position: absolute;
rlm@46:     visibility: hidden;
rlm@46:     z-index: 20001;
rlm@46:     background: #aaa;
rlm@46:     zoom: 1;
rlm@46:     line-height: 1px;
rlm@46:     font-size: 1px;
rlm@46:     overflow: hidden;
rlm@46: }
rlm@46: 
rlm@46: .x-splitbar-h, .x-splitbar-proxy-h {
rlm@46:     cursor: e-resize;
rlm@46:     cursor: col-resize;
rlm@46: }
rlm@46: 
rlm@46: .x-splitbar-v, .x-splitbar-proxy-v {
rlm@46:     cursor: s-resize;
rlm@46:     cursor: row-resize;
rlm@46: }
rlm@46: 
rlm@46: .x-color-palette {
rlm@46:     width: 150px;
rlm@46:     height: 92px;
rlm@46:     cursor: pointer;
rlm@46: }
rlm@46: 
rlm@46: .x-color-palette a {
rlm@46:     border: 1px solid #fff;
rlm@46:     float: left;
rlm@46:     padding: 2px;
rlm@46:     text-decoration: none;
rlm@46:     -moz-outline: 0 none;
rlm@46:     outline: 0 none;
rlm@46:     cursor: pointer;
rlm@46: }
rlm@46: 
rlm@46: .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
rlm@46:     border: 1px solid #8BB8F3;
rlm@46:     background: #deecfd;
rlm@46: }
rlm@46: 
rlm@46: .x-color-palette em {
rlm@46:     display: block;
rlm@46:     border: 1px solid #ACA899;
rlm@46: }
rlm@46: 
rlm@46: .x-color-palette em span {
rlm@46:     cursor: pointer;
rlm@46:     display: block;
rlm@46:     height: 10px;
rlm@46:     line-height: 10px;
rlm@46:     width: 10px;
rlm@46: }
rlm@46: 
rlm@46: .x-ie-shadow {
rlm@46:     display: none;
rlm@46:     position: absolute;
rlm@46:     overflow: hidden;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46:     background:#777;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow {
rlm@46:     display: none;
rlm@46:     position: absolute;
rlm@46:     overflow: hidden;
rlm@46:     left:0;
rlm@46:     top:0;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow * {
rlm@46:     overflow: hidden;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow * {
rlm@46:     padding: 0;
rlm@46:     border: 0;
rlm@46:     margin: 0;
rlm@46:     clear: none;
rlm@46:     zoom: 1;
rlm@46: }
rlm@46: 
rlm@46: /* top  bottom */
rlm@46: .x-shadow .xstc, .x-shadow .xsbc {
rlm@46:     height: 6px;
rlm@46:     float: left;
rlm@46: }
rlm@46: 
rlm@46: /* corners */
rlm@46: .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
rlm@46:     width: 6px;
rlm@46:     height: 6px;
rlm@46:     float: left;
rlm@46: }
rlm@46: 
rlm@46: /* sides */
rlm@46: .x-shadow .xsc {
rlm@46:     width: 100%;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsml, .x-shadow .xsmr {
rlm@46:     width: 6px;
rlm@46:     float: left;
rlm@46:     height: 100%;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsmc {
rlm@46:     float: left;
rlm@46:     height: 100%;
rlm@46:     background: transparent url( ../images/default/shadow-c.png );
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xst, .x-shadow .xsb {
rlm@46:     height: 6px;
rlm@46:     overflow: hidden;
rlm@46:     width: 100%;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsml {
rlm@46:     background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsmr {
rlm@46:     background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xstl {
rlm@46:     background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xstc {
rlm@46:     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xstr {
rlm@46:     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsbl {
rlm@46:     background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsbc {
rlm@46:     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;
rlm@46: }
rlm@46: 
rlm@46: .x-shadow .xsbr {
rlm@46:     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;
rlm@46: }
rlm@46: 
rlm@46: .loading-indicator {
rlm@46:     font-size: 11px;
rlm@46:     background-image: url(../images/default/grid/loading.gif);
rlm@46:     background-repeat: no-repeat;
rlm@46:     background-position: left;
rlm@46:     padding-left: 20px;
rlm@46:     line-height: 16px;
rlm@46:     margin: 3px;
rlm@46: }
rlm@46: 
rlm@46: .x-text-resize {
rlm@46:     position: absolute;
rlm@46:     left: -1000px;
rlm@46:     top: -1000px;
rlm@46:     visibility: hidden;
rlm@46:     zoom: 1;
rlm@46: }
rlm@46: 
rlm@46: .x-drag-overlay {
rlm@46:     width: 100%;
rlm@46:     height: 100%;
rlm@46:     display: none;
rlm@46:     position: absolute;
rlm@46:     left: 0;
rlm@46:     top: 0;
rlm@46:     background-image:url(../images/default/s.gif);
rlm@46:     z-index: 20000;
rlm@46: }
rlm@46: 
rlm@46: .x-clear {
rlm@46:     clear:both;
rlm@46:     height:0;
rlm@46:     overflow:hidden;
rlm@46:     line-height:0;
rlm@46:     font-size:0;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-spotlight {
rlm@46:     z-index: 8999;
rlm@46:     position: absolute;
rlm@46:     top:0;
rlm@46:     left:0;
rlm@46:     -moz-opacity: 0.5;
rlm@46:     opacity: .50;
rlm@46:     filter: alpha(opacity=50);
rlm@46:     background-color: #CCC;
rlm@46:     width:0;
rlm@46:     height:0;
rlm@46:     zoom: 1;
rlm@46: }