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-panel {
rlm@46:     border-style: solid;
rlm@46:     border-color: #99bbe8;
rlm@46:     border-width:0;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-header {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46:     color:#15428b;
rlm@46: 	font:bold 11px tahoma,arial,verdana,sans-serif;
rlm@46:     padding:5px 3px 4px 5px;
rlm@46:     border:1px solid #99bbe8;
rlm@46:     line-height: 15px;
rlm@46:     background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-body {
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     overflow:hidden;
rlm@46:     background:white;
rlm@46:     position: relative; /* added for item scroll positioning */
rlm@46: }
rlm@46: 
rlm@46: .x-panel-bbar .x-toolbar {
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-panel-tbar .x-toolbar {
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
rlm@46:     border-top:1px solid #99bbe8;
rlm@46:     border-bottom: 0 none;
rlm@46: }
rlm@46: .x-panel-body-noheader, .x-panel-mc .x-panel-body {
rlm@46:     border-top:1px solid #99bbe8;
rlm@46: }
rlm@46: .x-panel-header {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-tl .x-panel-header {
rlm@46:     color:#15428b;
rlm@46: 	 font:bold 11px tahoma,arial,verdana,sans-serif;
rlm@46:     padding:5px 0 4px 0;
rlm@46:     border:0 none;
rlm@46:     background:transparent;
rlm@46: }
rlm@46: .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
rlm@46:     padding-left:20px !important;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-position:0 4px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-inline-icon {
rlm@46:     width:16px;
rlm@46: 	 height:16px;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-position:0 0;
rlm@46: 	 vertical-align:middle;
rlm@46: 	 margin-right:4px;
rlm@46: 	 margin-top:-1px;
rlm@46: 	 margin-bottom:-1px;
rlm@46: }
rlm@46: .x-panel-tc {
rlm@46: 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
rlm@46: 	overflow:hidden;
rlm@46: }
rlm@46: /* fix ie7 strict mode bug */
rlm@46: .ext-strict .ext-ie7 .x-panel-tc {
rlm@46:     overflow: visible;
rlm@46: }
rlm@46: .x-panel-tl {
rlm@46: 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
rlm@46: 	padding-left:6px;
rlm@46:     zoom:1;
rlm@46:     border-bottom:1px solid #99bbe8;
rlm@46: }
rlm@46: .x-panel-tr {
rlm@46: 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
rlm@46: 	zoom:1;
rlm@46:     padding-right:6px;
rlm@46: }
rlm@46: .x-panel-bc {
rlm@46: 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-bc .x-panel-footer {
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-bl {
rlm@46: 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
rlm@46: 	padding-left:6px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-br {
rlm@46: 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
rlm@46: 	padding-right:6px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-mc {
rlm@46:     border:0 none;
rlm@46:     padding:0;
rlm@46:     margin:0;
rlm@46:     font: normal 11px tahoma,arial,helvetica,sans-serif;
rlm@46:     padding-top:6px;
rlm@46:     background:#dfe8f6;
rlm@46: }
rlm@46: .x-panel-mc .x-panel-body {
rlm@46:     background:transparent;
rlm@46:     border: 0 none;
rlm@46: }
rlm@46: .x-panel-ml {
rlm@46: 	background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
rlm@46: 	padding-left:6px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-mr {
rlm@46: 	background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
rlm@46: 	padding-right:6px;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-bc .x-panel-footer {
rlm@46:     padding-bottom:6px;
rlm@46: }
rlm@46: .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
rlm@46: 	height:6px;
rlm@46:     font-size:0;
rlm@46:     line-height:0;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-bwrap {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-panel-body {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-collapsed .x-resizable-handle{
rlm@46:     display:none;
rlm@46: }
rlm@46: 
rlm@46: .ext-gecko .x-panel-animated div {
rlm@46:     overflow:hidden !important;
rlm@46: }
rlm@46: 
rlm@46: /* Plain */
rlm@46: .x-plain-body {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: 
rlm@46: .x-plain-bbar .x-toolbar {
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: 
rlm@46: .x-plain-tbar .x-toolbar {
rlm@46:     overflow:hidden;
rlm@46:     padding:2px;
rlm@46: }
rlm@46: 
rlm@46: .x-plain-bwrap {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: 
rlm@46: .x-plain {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: 
rlm@46: /* Tools */
rlm@46: .x-tool {
rlm@46:     overflow:hidden;
rlm@46:     width:15px;
rlm@46:     height:15px;
rlm@46:     float:right;
rlm@46:     cursor:pointer;
rlm@46:     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
rlm@46:     margin-left:2px;
rlm@46: }
rlm@46: 
rlm@46: /* expand / collapse tools */
rlm@46: .x-tool-toggle {
rlm@46:     background-position:0 -60px;
rlm@46: }
rlm@46: .x-tool-toggle-over {
rlm@46:     background-position:-15px -60px;
rlm@46: }
rlm@46: .x-panel-collapsed .x-tool-toggle {
rlm@46:     background-position:0 -75px;
rlm@46: }
rlm@46: .x-panel-collapsed .x-tool-toggle-over {
rlm@46:     background-position:-15px -75px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-close {
rlm@46:     background-position:0 -0;
rlm@46: }
rlm@46: .x-tool-close-over {
rlm@46:     background-position:-15px 0;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-minimize {
rlm@46:     background-position:0 -15px;
rlm@46: }
rlm@46: .x-tool-minimize-over {
rlm@46:     background-position:-15px -15px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-maximize {
rlm@46:     background-position:0 -30px;
rlm@46: }
rlm@46: .x-tool-maximize-over {
rlm@46:     background-position:-15px -30px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-restore {
rlm@46:     background-position:0 -45px;
rlm@46: }
rlm@46: .x-tool-restore-over {
rlm@46:     background-position:-15px -45px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-gear {
rlm@46:     background-position:0 -90px;
rlm@46: }
rlm@46: .x-tool-gear-over {
rlm@46:     background-position:-15px -90px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-pin {
rlm@46:     background-position:0 -135px;
rlm@46: }
rlm@46: .x-tool-pin-over {
rlm@46:     background-position:-15px -135px;
rlm@46: }
rlm@46: .x-tool-unpin {
rlm@46:     background-position:0 -150px;
rlm@46: }
rlm@46: .x-tool-unpin-over {
rlm@46:     background-position:-15px -150px;
rlm@46: }
rlm@46: .x-tool-right {
rlm@46:     background-position:0 -165px;
rlm@46: }
rlm@46: .x-tool-right-over {
rlm@46:     background-position:-15px -165px;
rlm@46: }
rlm@46: .x-tool-left {
rlm@46:     background-position:0 -180px;
rlm@46: }
rlm@46: .x-tool-left-over {
rlm@46:     background-position:-15px -180px;
rlm@46: }
rlm@46: .x-tool-up {
rlm@46:     background-position:0 -210px;
rlm@46: }
rlm@46: .x-tool-up-over {
rlm@46:     background-position:-15px -210px;
rlm@46: }
rlm@46: .x-tool-down {
rlm@46:     background-position:0 -195px;
rlm@46: }
rlm@46: .x-tool-down-over {
rlm@46:     background-position:-15px -195px;
rlm@46: }
rlm@46: .x-tool-refresh {
rlm@46:     background-position:0 -225px;
rlm@46: }
rlm@46: .x-tool-refresh-over {
rlm@46:     background-position:-15px -225px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-minus {
rlm@46:     background-position:0 -255px;
rlm@46: }
rlm@46: .x-tool-minus-over {
rlm@46:     background-position:-15px -255px;
rlm@46: }
rlm@46: .x-tool-plus {
rlm@46:     background-position:0 -240px;
rlm@46: }
rlm@46: .x-tool-plus-over {
rlm@46:     background-position:-15px -240px;
rlm@46: }
rlm@46: 
rlm@46: .x-tool-search {
rlm@46:     background-position:0 -270px;
rlm@46: }
rlm@46: .x-tool-search-over {
rlm@46:     background-position:-15px -270px;
rlm@46: }
rlm@46: .x-tool-save {
rlm@46:     background-position:0 -285px;
rlm@46: }
rlm@46: .x-tool-save-over {
rlm@46:     background-position:-15px -285px;
rlm@46: }
rlm@46: .x-tool-help {
rlm@46:     background-position:0 -300px;
rlm@46: }
rlm@46: .x-tool-help-over {
rlm@46:     background-position:-15px -300px;
rlm@46: }
rlm@46: .x-tool-print {
rlm@46:     background-position:0 -315px;
rlm@46: }
rlm@46: .x-tool-print-over {
rlm@46:     background-position:-15px -315px;
rlm@46: }
rlm@46: 
rlm@46: /* Ghosting */
rlm@46: .x-panel-ghost {
rlm@46:     background:#cbddf3;
rlm@46:     z-index:12000;
rlm@46:     overflow:hidden;
rlm@46:     position:absolute;
rlm@46:     left:0;top:0;
rlm@46:     opacity:.65;
rlm@46:     -moz-opacity:.65;
rlm@46:     filter:alpha(opacity=65);
rlm@46: }
rlm@46: 
rlm@46: .x-panel-ghost ul {
rlm@46:     margin:0;
rlm@46:     padding:0;
rlm@46:     overflow:hidden;
rlm@46:     font-size:0;
rlm@46:     line-height:0;
rlm@46:     border:1px solid #99bbe8;
rlm@46:     border-top:0 none;
rlm@46:     display:block;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-ghost * {
rlm@46:     cursor:move !important;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-dd-spacer {
rlm@46:     border:2px dashed #99bbe8;
rlm@46: }
rlm@46: /* Buttons */
rlm@46: 
rlm@46: .x-panel-btns-ct {
rlm@46:     padding:5px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-btns-ct .x-btn{
rlm@46: 	float:right;
rlm@46: 	clear:none;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-panel-btns td {
rlm@46: 	border:0;
rlm@46: 	padding:0;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-panel-btns-right table{
rlm@46: 	float:right;
rlm@46: 	clear:none;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-panel-btns-left table{
rlm@46: 	float:left;
rlm@46: 	clear:none;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-panel-btns-center{
rlm@46: 	text-align:center; /*ie*/
rlm@46: }
rlm@46: .x-panel-btns-ct .x-panel-btns-center table{
rlm@46: 	margin:0 auto; /*everyone else*/
rlm@46: }
rlm@46: .x-panel-btns-ct table td.x-panel-btn-td{
rlm@46: 	padding:3px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-btns-ct .x-btn-focus .x-btn-left{
rlm@46: 	background-position:0 -147px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-focus .x-btn-right{
rlm@46: 	background-position:0 -168px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-focus .x-btn-center{
rlm@46: 	background-position:0 -189px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-btns-ct .x-btn-over .x-btn-left{
rlm@46: 	background-position:0 -63px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-over .x-btn-right{
rlm@46: 	background-position:0 -84px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-over .x-btn-center{
rlm@46: 	background-position:0 -105px;
rlm@46: }
rlm@46: 
rlm@46: .x-panel-btns-ct .x-btn-click .x-btn-center{
rlm@46: 	background-position:0 -126px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-click  .x-btn-right{
rlm@46: 	background-position:0 -84px;
rlm@46: }
rlm@46: .x-panel-btns-ct .x-btn-click .x-btn-left{
rlm@46: 	background-position:0 -63px;
rlm@46: }