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-toolbar{
rlm@46: 	border-color:#a9bfd3;
rlm@46:     border-style:solid;
rlm@46:     border-width:0 0 1px 0;
rlm@46:     display: block;
rlm@46: 	padding:2px;
rlm@46:     background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;
rlm@46:     position:relative;
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-toolbar .x-item-disabled .x-btn-icon {
rlm@46:     opacity: .35;
rlm@46:     -moz-opacity: .35;
rlm@46:     filter: alpha(opacity=35);
rlm@46: }
rlm@46: .x-toolbar td {
rlm@46: 	vertical-align:middle;
rlm@46: }
rlm@46: .mso .x-toolbar, .x-grid-mso .x-toolbar{
rlm@46: 	border: 0 none;
rlm@46: 	background: url(../images/default/grid/mso-hd.gif);
rlm@46: }
rlm@46: .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
rlm@46: 	white-space: nowrap;
rlm@46:     font:normal 11px tahoma, arial, helvetica, sans-serif;
rlm@46: }
rlm@46: .x-toolbar .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: .x-toolbar .x-item-disabled * {
rlm@46: 	color:gray;
rlm@46: 	cursor:default;
rlm@46: }
rlm@46: .x-toolbar .x-btn-left{
rlm@46: 	background:none;
rlm@46: }
rlm@46: .x-toolbar .x-btn-right{
rlm@46: 	background:none;
rlm@46: }
rlm@46: .x-toolbar .x-btn-center{
rlm@46: 	background:none;
rlm@46: 	padding:0 0;
rlm@46: }
rlm@46: .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
rlm@46: 	padding-right:2px;
rlm@46: }
rlm@46: .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
rlm@46: 	padding-right:0;
rlm@46: }
rlm@46: .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
rlm@46: 	padding:0 2px;
rlm@46: }
rlm@46: 
rlm@46: .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46:     width:12px;
rlm@46:     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
rlm@46: }
rlm@46: .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46:     width:12px;
rlm@46:     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
rlm@46: }
rlm@46: .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46: 	background-position: 0 -47px;
rlm@46: }
rlm@46: .x-toolbar .x-btn-over .x-btn-left{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
rlm@46: }
rlm@46: .x-toolbar .x-btn-over .x-btn-right{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
rlm@46: }
rlm@46: .x-toolbar .x-btn-over .x-btn-center{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
rlm@46: }
rlm@46: 
rlm@46: .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
rlm@46: }
rlm@46: .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
rlm@46: }
rlm@46: 
rlm@46: .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
rlm@46: 	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
rlm@46: }
rlm@46: 
rlm@46: .x-toolbar .x-btn-with-menu .x-btn-center em{
rlm@46: 	padding-right:8px;
rlm@46: }
rlm@46: 
rlm@46: .x-toolbar .ytb-text{
rlm@46:    padding:2px;
rlm@46: }
rlm@46: .x-toolbar .ytb-sep {
rlm@46: 	background-image: url(../images/default/grid/grid-blue-split.gif);
rlm@46: 	background-position: center;
rlm@46: 	background-repeat: no-repeat;
rlm@46: 	display: block;
rlm@46: 	font-size: 1px;
rlm@46: 	height: 16px;
rlm@46: 	width:4px;
rlm@46: 	overflow: hidden;
rlm@46: 	cursor:default;
rlm@46: 	margin: 0 2px 0;
rlm@46: 	border:0;
rlm@46: }
rlm@46: .x-toolbar .ytb-spacer {
rlm@46:     width:2px;
rlm@46: }
rlm@46: 
rlm@46: /* Paging Toolbar */
rlm@46: 
rlm@46: .x-tbar-page-number{
rlm@46: 	width:24px;
rlm@46: 	height:14px;
rlm@46: }
rlm@46: .x-tbar-page-first{
rlm@46: 	background-image: url(../images/default/grid/page-first.gif) !important;
rlm@46: }
rlm@46: .x-tbar-loading{
rlm@46: 	background-image: url(../images/default/grid/done.gif) !important;
rlm@46: }
rlm@46: .x-tbar-page-last{
rlm@46: 	background-image: url(../images/default/grid/page-last.gif) !important;
rlm@46: }
rlm@46: .x-tbar-page-next{
rlm@46: 	background-image: url(../images/default/grid/page-next.gif) !important;
rlm@46: }
rlm@46: .x-tbar-page-prev{
rlm@46: 	background-image: url(../images/default/grid/page-prev.gif) !important;
rlm@46: }
rlm@46: .x-item-disabled .x-tbar-loading{
rlm@46: 	background-image: url(../images/default/grid/loading.gif) !important;
rlm@46: }
rlm@46: .x-item-disabled .x-tbar-page-first{
rlm@46: 	background-image: url(../images/default/grid/page-first-disabled.gif) !important;
rlm@46: }
rlm@46: .x-item-disabled .x-tbar-page-last{
rlm@46: 	background-image: url(../images/default/grid/page-last-disabled.gif) !important;
rlm@46: }
rlm@46: .x-item-disabled .x-tbar-page-next{
rlm@46: 	background-image: url(../images/default/grid/page-next-disabled.gif) !important;
rlm@46: }
rlm@46: .x-item-disabled .x-tbar-page-prev{
rlm@46: 	background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
rlm@46: }
rlm@46: .x-paging-info {
rlm@46:     position:absolute;
rlm@46:     top:5px;
rlm@46:     right: 8px;
rlm@46:     color:#444;
rlm@46: }
rlm@46: 
rlm@46: /* StatusBar */
rlm@46: 
rlm@46: .x-statusbar .x-status-text {
rlm@46:     height: 21px;
rlm@46:     line-height: 21px;
rlm@46:     padding: 0 4px;
rlm@46:     cursor: default;
rlm@46: }
rlm@46: .x-statusbar .x-status-busy {
rlm@46:     padding-left: 25px;
rlm@46:     background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px;
rlm@46: }
rlm@46: .x-statusbar .x-status-text-panel {
rlm@46:     border-top: 1px solid #99BBE8;
rlm@46:     border-right: 1px solid #fff;
rlm@46:     border-bottom: 1px solid #fff;
rlm@46:     border-left: 1px solid #99BBE8;
rlm@46:     padding: 2px 8px 2px 5px;
rlm@46: }