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: /* Grid3 styles */
rlm@46: .x-grid3 {
rlm@46: 	position:relative;
rlm@46: 	overflow:hidden;
rlm@46:     background-color:#fff;
rlm@46: }
rlm@46: 
rlm@46: .x-grid-panel .x-panel-body {
rlm@46:     overflow:hidden !important;
rlm@46: }
rlm@46: 
rlm@46: .x-grid-panel .x-panel-mc .x-panel-body {
rlm@46:     border:1px solid #99bbe8;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3 table {
rlm@46:     table-layout:fixed;
rlm@46: }
rlm@46: .x-grid3-viewport{
rlm@46: 	overflow:hidden;
rlm@46: }
rlm@46: .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
rlm@46: 	font:normal 11px arial, tahoma, helvetica, sans-serif;
rlm@46:     -moz-outline: none;
rlm@46: 	-moz-user-focus: normal;
rlm@46: }
rlm@46: .x-grid3-row td, .x-grid3-summary-row td {
rlm@46:     line-height:13px;
rlm@46:     vertical-align: top;
rlm@46: 	padding-left:1px;
rlm@46:     padding-right:1px;
rlm@46:     -moz-user-select: none;
rlm@46: }
rlm@46: .x-grid3-hd-row td {
rlm@46:     line-height:15px;
rlm@46:     vertical-align:middle;
rlm@46:     border-left:1px solid #eee;
rlm@46:     border-right:1px solid #d0d0d0;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd-row .x-grid3-marker-hd {
rlm@46:     padding:3px;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-row .x-grid3-marker {
rlm@46:     padding:3px;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-cell-inner, .x-grid3-hd-inner{
rlm@46: 	overflow:hidden;
rlm@46: 	-o-text-overflow: ellipsis;
rlm@46: 	text-overflow: ellipsis;
rlm@46:     padding:3px 3px 3px 5px;
rlm@46:     white-space: nowrap;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd-inner {
rlm@46:     position:relative;
rlm@46: 	 cursor:inherit;
rlm@46: 	 padding:4px 3px 4px 5px;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-row-body {
rlm@46:     white-space:normal;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-body-cell {
rlm@46:     -moz-outline:0 none;
rlm@46:     outline:0 none;
rlm@46: }
rlm@46: /* IE Quirks to clip */
rlm@46: .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
rlm@46: 	width:100%;
rlm@46: }
rlm@46: /* reverse above in strict mode */
rlm@46: .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
rlm@46: 	width:auto;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-col {
rlm@46: 	
rlm@46: }
rlm@46: 
rlm@46: .x-grid-row-loading {
rlm@46:     background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;
rlm@46: }
rlm@46: .x-grid-page {
rlm@46:     overflow:hidden;
rlm@46: }
rlm@46: .x-grid3-row {
rlm@46: 	cursor: default;
rlm@46:     border:1px solid #ededed;
rlm@46:     border-top-color:#fff;
rlm@46:     /*border-bottom: 1px solid #ededed;*/
rlm@46:     width:100%;
rlm@46: }
rlm@46: .x-grid3-row-alt{
rlm@46: 	background-color:#fafafa;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-row-over {
rlm@46: 	border:1px solid #dddddd;
rlm@46:     background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-resize-proxy {
rlm@46: 	width:1px;
rlm@46:     left:0;
rlm@46:     background-color:#777;
rlm@46: 	cursor: e-resize;
rlm@46: 	cursor: col-resize;
rlm@46: 	position:absolute;
rlm@46: 	top:0;
rlm@46: 	height:100px;
rlm@46: 	overflow:hidden;
rlm@46: 	visibility:hidden;
rlm@46: 	border:0 none;
rlm@46: 	z-index:7;
rlm@46: }
rlm@46: .x-grid3-resize-marker {
rlm@46: 	width:1px;
rlm@46: 	left:0;
rlm@46:     background-color:#777;
rlm@46: 	position:absolute;
rlm@46: 	top:0;
rlm@46: 	height:100px;
rlm@46: 	overflow:hidden;
rlm@46: 	visibility:hidden;
rlm@46: 	border:0 none;
rlm@46: 	z-index:7;
rlm@46: }
rlm@46: .x-grid3-focus {
rlm@46: 	position:absolute;
rlm@46: 	left:0;
rlm@46: 	top:0;
rlm@46: 	width:1px;
rlm@46: 	height:1px;
rlm@46:     line-height:1px;
rlm@46:     font-size:1px;
rlm@46:     -moz-outline:0 none;
rlm@46:     outline:0 none;
rlm@46:     -moz-user-select: normal;
rlm@46:     -khtml-user-select: normal;  
rlm@46: }
rlm@46: 
rlm@46: /* header styles */
rlm@46: .x-grid3-header{
rlm@46: 	background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
rlm@46: 	cursor:default;
rlm@46:     zoom:1;
rlm@46:     padding:1px 0 0 0;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-header-pop {
rlm@46:     border-left:1px solid #d0d0d0;
rlm@46:     float:right;
rlm@46:     clear:none;
rlm@46: }
rlm@46: .x-grid3-header-pop-inner {
rlm@46:     border-left:1px solid #eee;
rlm@46:     width:14px;
rlm@46:     height:19px;
rlm@46:     background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
rlm@46: }
rlm@46: .ext-ie .x-grid3-header-pop-inner {
rlm@46:     width:15px;
rlm@46: }
rlm@46: .ext-strict .x-grid3-header-pop-inner {
rlm@46:     width:14px; 
rlm@46: }
rlm@46: .x-grid3-header-inner {
rlm@46:     overflow:hidden;
rlm@46:     zoom:1;
rlm@46:     float:left;
rlm@46: }
rlm@46: .x-grid3-header-offset {
rlm@46:     padding-left:1px;
rlm@46: 	 width:10000px;
rlm@46: }
rlm@46: 
rlm@46: td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
rlm@46:     border-left:1px solid #aaccf6;
rlm@46:     border-right:1px solid #aaccf6;
rlm@46: }
rlm@46: td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
rlm@46:     background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
rlm@46: 
rlm@46: }
rlm@46: .x-grid3-sort-icon{
rlm@46: 	background-repeat: no-repeat;
rlm@46: 	display: none;
rlm@46: 	height: 4px;
rlm@46: 	width: 13px;
rlm@46: 	margin-left:3px;
rlm@46: 	vertical-align: middle;
rlm@46: }
rlm@46: .sort-asc .x-grid3-sort-icon {
rlm@46: 	background-image: url(../images/default/grid/sort_asc.gif);
rlm@46: 	display: inline;
rlm@46: }
rlm@46: .sort-desc .x-grid3-sort-icon {
rlm@46: 	background-image: url(../images/default/grid/sort_desc.gif);
rlm@46: 	display: inline;
rlm@46: }
rlm@46: 
rlm@46: /* Header position fixes for IE strict mode */
rlm@46: .ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
rlm@46: .ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
rlm@46: .ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
rlm@46: 
rlm@46: /* Body Styles */
rlm@46: .x-grid3-body {
rlm@46: 	zoom:1;
rlm@46: }
rlm@46: .x-grid3-scroller {
rlm@46: 	overflow:auto;
rlm@46:     zoom:1;
rlm@46:     position:relative;
rlm@46: }
rlm@46: .x-grid3-cell-text, .x-grid3-hd-text {
rlm@46: 	display: block;
rlm@46: 	padding: 3px 5px 3px 5px;
rlm@46: 	-moz-user-select: none;
rlm@46: 	-khtml-user-select: none;
rlm@46: 	color:black;
rlm@46: }
rlm@46: .x-grid3-split {
rlm@46: 	background-image: url(../images/default/grid/grid-split.gif);
rlm@46: 	background-position: center;
rlm@46: 	background-repeat: no-repeat;
rlm@46: 	cursor: e-resize;
rlm@46: 	cursor: col-resize;
rlm@46: 	display: block;
rlm@46: 	font-size: 1px;
rlm@46: 	height: 16px;
rlm@46: 	overflow: hidden;
rlm@46: 	position: absolute;
rlm@46: 	top: 2px;
rlm@46: 	width: 6px;
rlm@46: 	z-index: 3;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd-text {
rlm@46: 	color:#15428b;
rlm@46: }
rlm@46: /* Column Reorder DD */
rlm@46: .x-dd-drag-proxy .x-grid3-hd-inner{
rlm@46: 	background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
rlm@46: 	width:120px;
rlm@46: 	padding:3px;
rlm@46: 	border:1px solid #aaccf6;
rlm@46: 	overflow:hidden;
rlm@46: }
rlm@46: 
rlm@46: .col-move-top, .col-move-bottom{
rlm@46: 	width:9px;
rlm@46: 	height:9px;
rlm@46: 	position:absolute;
rlm@46: 	top:0;
rlm@46: 	line-height:1px;
rlm@46: 	font-size:1px;
rlm@46: 	overflow:hidden;
rlm@46: 	visibility:hidden;
rlm@46: 	z-index:20000;
rlm@46: }
rlm@46: .col-move-top{
rlm@46: 	background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
rlm@46: }
rlm@46: .col-move-bottom{
rlm@46: 	background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
rlm@46: }
rlm@46: 
rlm@46: /* Selection Styles */
rlm@46: .x-grid3-row-selected {
rlm@46: 	background: #DFE8F6 !important;
rlm@46: 	border:1px dotted #a3bae9;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-cell-selected{
rlm@46: 	background-color: #B8CFEE !important;
rlm@46: 	color: black;
rlm@46: }
rlm@46: .x-grid3-cell-selected span{
rlm@46: 	color: black !important;
rlm@46: }
rlm@46: .x-grid3-cell-selected .x-grid3-cell-text{
rlm@46: 	color: black;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
rlm@46:     background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
rlm@46:     vertical-align:middle !important;
rlm@46:     color:black;
rlm@46:     padding:0;
rlm@46:     border-top:1px solid white;
rlm@46:     border-bottom:none !important;
rlm@46:     border-right:1px solid #6fa0df !important;
rlm@46:     text-align:center;
rlm@46: }
rlm@46: .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
rlm@46:     padding:0 4px;
rlm@46:     color:#15428b !important;
rlm@46:     text-align:center;
rlm@46: }
rlm@46: 
rlm@46: /* dirty cells */
rlm@46: .x-grid3-dirty-cell {
rlm@46:     background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
rlm@46: }
rlm@46: 
rlm@46: /* Grid Toolbars */
rlm@46: .x-grid3-topbar, .x-grid3-bottombar{
rlm@46: 	font:normal 11px arial, tahoma, helvetica, sans-serif;
rlm@46:     overflow:hidden;
rlm@46: 	display:none;
rlm@46: 	zoom:1;
rlm@46:     position:relative;
rlm@46: }
rlm@46: .x-grid3-topbar .x-toolbar{
rlm@46: 	border-right:0 none;
rlm@46: }
rlm@46: .x-grid3-bottombar .x-toolbar{
rlm@46: 	border-right:0 none;
rlm@46: 	border-bottom:0 none;
rlm@46: 	border-top:1px solid #a9bfd3;
rlm@46: }
rlm@46: /* Props Grid Styles */
rlm@46: .x-props-grid .x-grid3-cell{
rlm@46: 	padding:1px;
rlm@46: }
rlm@46: .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
rlm@46: 	background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
rlm@46:     padding-left:12px;
rlm@46:     color:black !important;
rlm@46: }
rlm@46: .x-props-grid .x-grid3-body .x-grid3-td-name{
rlm@46:     padding:1px;
rlm@46:     padding-right:0;
rlm@46:     background:white !important;
rlm@46:     border:0 none;
rlm@46:     border-right:1px solid #eeeeee;
rlm@46: }
rlm@46: 
rlm@46: /* header menu */
rlm@46: .xg-hmenu-sort-asc .x-menu-item-icon{
rlm@46: 	background-image: url(../images/default/grid/hmenu-asc.gif);
rlm@46: }
rlm@46: .xg-hmenu-sort-desc .x-menu-item-icon{
rlm@46: 	background-image: url(../images/default/grid/hmenu-desc.gif);
rlm@46: }
rlm@46: .xg-hmenu-lock .x-menu-item-icon{
rlm@46: 	background-image: url(../images/default/grid/hmenu-lock.gif);
rlm@46: }
rlm@46: .xg-hmenu-unlock .x-menu-item-icon{
rlm@46: 	background-image: url(../images/default/grid/hmenu-unlock.gif);
rlm@46: }
rlm@46: 
rlm@46: /* dd */
rlm@46: .x-grid3-col-dd {
rlm@46:     border:0 none;
rlm@46:     padding:0;
rlm@46:     background:transparent;
rlm@46: }
rlm@46: 
rlm@46: .x-dd-drag-ghost .x-grid3-dd-wrap {
rlm@46:     padding:1px 3px 3px 1px;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd {
rlm@46:     -moz-user-select:none;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd-btn {
rlm@46:     display:none;
rlm@46:     position:absolute;
rlm@46:     width:14px;
rlm@46:     background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
rlm@46:     right:0;
rlm@46:     top:0;
rlm@46:     z-index:2;
rlm@46: 	 cursor:pointer;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
rlm@46:     display:block;
rlm@46: }
rlm@46: 
rlm@46: a.x-grid3-hd-btn:hover {
rlm@46:     background-position:-14px center;
rlm@46: }
rlm@46: 
rlm@46: /* Expanders */
rlm@46: 
rlm@46: .x-grid3-body .x-grid3-td-expander {
rlm@46:     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
rlm@46: }
rlm@46: .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
rlm@46:     padding:0 !important;
rlm@46:     height:100%;
rlm@46: }
rlm@46: .x-grid3-row-expander {
rlm@46:     width:100%;
rlm@46:     height:18px;
rlm@46:     background-position:4px 2px;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-color:transparent;
rlm@46: 	 background-image:url(../images/default/grid/row-expand-sprite.gif);
rlm@46: }
rlm@46: .x-grid3-row-collapsed .x-grid3-row-expander {
rlm@46:     background-position:4px 2px;
rlm@46: }
rlm@46: .x-grid3-row-expanded .x-grid3-row-expander {
rlm@46:     background-position:-21px 2px;
rlm@46: }
rlm@46: .x-grid3-row-collapsed .x-grid3-row-body {
rlm@46:     display:none !important;
rlm@46: }
rlm@46: .x-grid3-row-expanded .x-grid3-row-body {
rlm@46:     display:block !important;
rlm@46: }
rlm@46: 
rlm@46: /* Checkers */
rlm@46: 
rlm@46: .x-grid3-body .x-grid3-td-checker {
rlm@46:     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
rlm@46:     padding:0 !important;
rlm@46:     height:100%;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-row-checker, .x-grid3-hd-checker {
rlm@46:     width:100%;
rlm@46:     height:18px;
rlm@46:     background-position:2px 2px;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-color:transparent;
rlm@46: 	 background-image:url(../images/default/grid/row-check-sprite.gif);
rlm@46: }
rlm@46: .x-grid3-row .x-grid3-row-checker {
rlm@46:     background-position:2px 2px;
rlm@46: }
rlm@46: .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
rlm@46:     background-position:-23px 2px;
rlm@46: }
rlm@46: .x-grid3-hd-checker {
rlm@46:     background-position:2px 3px;
rlm@46: }
rlm@46: .x-grid3-hd-checker-on .x-grid3-hd-checker {
rlm@46:     background-position:-23px 3px;
rlm@46: }
rlm@46: 
rlm@46: /* Numberer */
rlm@46: 
rlm@46: .x-grid3-body .x-grid3-td-numberer {
rlm@46:     background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
rlm@46: }
rlm@46: .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
rlm@46:     padding:3px 5px 0 0 !important;
rlm@46:     text-align:right;
rlm@46: 	 color:#444;
rlm@46: }
rlm@46: 
rlm@46: /* All specials */
rlm@46: 
rlm@46: .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
rlm@46: .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
rlm@46: .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
rlm@46: 	background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
rlm@46: }
rlm@46: .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
rlm@46:     padding: 1px 0 0 0 !important;
rlm@46: }
rlm@46: 
rlm@46: .x-grid3-check-col {
rlm@46:     width:100%;
rlm@46:     height:16px;
rlm@46:     background-position:center center;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-color:transparent;
rlm@46: 	background-image:url(../images/default/menu/unchecked.gif);
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: .x-grid3-check-col-on {
rlm@46:     width:100%;
rlm@46:     height:16px;
rlm@46:     background-position:center center;
rlm@46:     background-repeat:no-repeat;
rlm@46:     background-color:transparent;
rlm@46: 	background-image:url(../images/default/menu/checked.gif);
rlm@46: }
rlm@46: 
rlm@46: /* Grouping classes */
rlm@46: .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
rlm@46:     zoom:1;
rlm@46: }
rlm@46: .x-grid-group-hd {
rlm@46:     border-bottom: 2px solid #99bbe8;
rlm@46:     cursor:pointer;
rlm@46:     padding-top:6px;
rlm@46: }
rlm@46: .x-grid-group-hd div {
rlm@46:     background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
rlm@46:     padding:4px 4px 4px 17px;
rlm@46:     color:#3764a0;
rlm@46:     font:bold 11px tahoma, arial, helvetica, sans-serif;
rlm@46: }
rlm@46: .x-grid-group-collapsed .x-grid-group-hd div {
rlm@46:     background-position: 3px 3px;
rlm@46: }
rlm@46: .x-grid-group-collapsed .x-grid-group-body {
rlm@46:     display:none;
rlm@46: }
rlm@46: 
rlm@46: .x-group-by-icon {
rlm@46:     background-image:url(../images/default/grid/group-by.gif);
rlm@46: }
rlm@46: .x-cols-icon {
rlm@46:     background-image:url(../images/default/grid/columns.gif);
rlm@46: }
rlm@46: .x-show-groups-icon {
rlm@46:     background-image:url(../images/default/grid/group-by.gif);
rlm@46: }
rlm@46: 
rlm@46: .ext-ie .x-grid3 .x-editor .x-form-text {
rlm@46:     position:relative;
rlm@46:     top:-1px;
rlm@46: }
rlm@46: .ext-ie .x-props-grid .x-editor .x-form-text {
rlm@46:     position:static;
rlm@46:     top:0;
rlm@46: }
rlm@46: 
rlm@46: .x-grid-empty {
rlm@46:     padding:10px;
rlm@46:     color:gray;
rlm@46:     font:normal 11px tahoma, arial, helvetica, sans-serif;
rlm@46: }
rlm@46: 
rlm@46: 
rlm@46: /* fix floating toolbar issue */
rlm@46: .ext-ie7 .x-grid-panel .x-panel-bbar {
rlm@46:     position:relative;
rlm@46: }