1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/grid.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,554 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.1
     1.6 + * Copyright(c) 2006-2008, Ext JS, LLC.
     1.7 + * licensing@extjs.com
     1.8 + * 
     1.9 + * http://extjs.com/license
    1.10 + */
    1.11 +
    1.12 +/* Grid3 styles */
    1.13 +.x-grid3 {
    1.14 +	position:relative;
    1.15 +	overflow:hidden;
    1.16 +    background-color:#fff;
    1.17 +}
    1.18 +
    1.19 +.x-grid-panel .x-panel-body {
    1.20 +    overflow:hidden !important;
    1.21 +}
    1.22 +
    1.23 +.x-grid-panel .x-panel-mc .x-panel-body {
    1.24 +    border:1px solid #99bbe8;
    1.25 +}
    1.26 +
    1.27 +.x-grid3 table {
    1.28 +    table-layout:fixed;
    1.29 +}
    1.30 +.x-grid3-viewport{
    1.31 +	overflow:hidden;
    1.32 +}
    1.33 +.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
    1.34 +	font:normal 11px arial, tahoma, helvetica, sans-serif;
    1.35 +    -moz-outline: none;
    1.36 +	-moz-user-focus: normal;
    1.37 +}
    1.38 +.x-grid3-row td, .x-grid3-summary-row td {
    1.39 +    line-height:13px;
    1.40 +    vertical-align: top;
    1.41 +	padding-left:1px;
    1.42 +    padding-right:1px;
    1.43 +    -moz-user-select: none;
    1.44 +}
    1.45 +.x-grid3-hd-row td {
    1.46 +    line-height:15px;
    1.47 +    vertical-align:middle;
    1.48 +    border-left:1px solid #eee;
    1.49 +    border-right:1px solid #d0d0d0;
    1.50 +}
    1.51 +
    1.52 +.x-grid3-hd-row .x-grid3-marker-hd {
    1.53 +    padding:3px;
    1.54 +}
    1.55 +
    1.56 +.x-grid3-row .x-grid3-marker {
    1.57 +    padding:3px;
    1.58 +}
    1.59 +
    1.60 +.x-grid3-cell-inner, .x-grid3-hd-inner{
    1.61 +	overflow:hidden;
    1.62 +	-o-text-overflow: ellipsis;
    1.63 +	text-overflow: ellipsis;
    1.64 +    padding:3px 3px 3px 5px;
    1.65 +    white-space: nowrap;
    1.66 +}
    1.67 +
    1.68 +.x-grid3-hd-inner {
    1.69 +    position:relative;
    1.70 +	 cursor:inherit;
    1.71 +	 padding:4px 3px 4px 5px;
    1.72 +}
    1.73 +
    1.74 +.x-grid3-row-body {
    1.75 +    white-space:normal;
    1.76 +}
    1.77 +
    1.78 +.x-grid3-body-cell {
    1.79 +    -moz-outline:0 none;
    1.80 +    outline:0 none;
    1.81 +}
    1.82 +/* IE Quirks to clip */
    1.83 +.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
    1.84 +	width:100%;
    1.85 +}
    1.86 +/* reverse above in strict mode */
    1.87 +.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
    1.88 +	width:auto;
    1.89 +}
    1.90 +
    1.91 +.x-grid3-col {
    1.92 +	
    1.93 +}
    1.94 +
    1.95 +.x-grid-row-loading {
    1.96 +    background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;
    1.97 +}
    1.98 +.x-grid-page {
    1.99 +    overflow:hidden;
   1.100 +}
   1.101 +.x-grid3-row {
   1.102 +	cursor: default;
   1.103 +    border:1px solid #ededed;
   1.104 +    border-top-color:#fff;
   1.105 +    /*border-bottom: 1px solid #ededed;*/
   1.106 +    width:100%;
   1.107 +}
   1.108 +.x-grid3-row-alt{
   1.109 +	background-color:#fafafa;
   1.110 +}
   1.111 +
   1.112 +.x-grid3-row-over {
   1.113 +	border:1px solid #dddddd;
   1.114 +    background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;
   1.115 +}
   1.116 +
   1.117 +.x-grid3-resize-proxy {
   1.118 +	width:1px;
   1.119 +    left:0;
   1.120 +    background-color:#777;
   1.121 +	cursor: e-resize;
   1.122 +	cursor: col-resize;
   1.123 +	position:absolute;
   1.124 +	top:0;
   1.125 +	height:100px;
   1.126 +	overflow:hidden;
   1.127 +	visibility:hidden;
   1.128 +	border:0 none;
   1.129 +	z-index:7;
   1.130 +}
   1.131 +.x-grid3-resize-marker {
   1.132 +	width:1px;
   1.133 +	left:0;
   1.134 +    background-color:#777;
   1.135 +	position:absolute;
   1.136 +	top:0;
   1.137 +	height:100px;
   1.138 +	overflow:hidden;
   1.139 +	visibility:hidden;
   1.140 +	border:0 none;
   1.141 +	z-index:7;
   1.142 +}
   1.143 +.x-grid3-focus {
   1.144 +	position:absolute;
   1.145 +	left:0;
   1.146 +	top:0;
   1.147 +	width:1px;
   1.148 +	height:1px;
   1.149 +    line-height:1px;
   1.150 +    font-size:1px;
   1.151 +    -moz-outline:0 none;
   1.152 +    outline:0 none;
   1.153 +    -moz-user-select: normal;
   1.154 +    -khtml-user-select: normal;  
   1.155 +}
   1.156 +
   1.157 +/* header styles */
   1.158 +.x-grid3-header{
   1.159 +	background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
   1.160 +	cursor:default;
   1.161 +    zoom:1;
   1.162 +    padding:1px 0 0 0;
   1.163 +}
   1.164 +
   1.165 +.x-grid3-header-pop {
   1.166 +    border-left:1px solid #d0d0d0;
   1.167 +    float:right;
   1.168 +    clear:none;
   1.169 +}
   1.170 +.x-grid3-header-pop-inner {
   1.171 +    border-left:1px solid #eee;
   1.172 +    width:14px;
   1.173 +    height:19px;
   1.174 +    background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
   1.175 +}
   1.176 +.ext-ie .x-grid3-header-pop-inner {
   1.177 +    width:15px;
   1.178 +}
   1.179 +.ext-strict .x-grid3-header-pop-inner {
   1.180 +    width:14px; 
   1.181 +}
   1.182 +.x-grid3-header-inner {
   1.183 +    overflow:hidden;
   1.184 +    zoom:1;
   1.185 +    float:left;
   1.186 +}
   1.187 +.x-grid3-header-offset {
   1.188 +    padding-left:1px;
   1.189 +	 width:10000px;
   1.190 +}
   1.191 +
   1.192 +td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
   1.193 +    border-left:1px solid #aaccf6;
   1.194 +    border-right:1px solid #aaccf6;
   1.195 +}
   1.196 +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 {
   1.197 +    background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
   1.198 +
   1.199 +}
   1.200 +.x-grid3-sort-icon{
   1.201 +	background-repeat: no-repeat;
   1.202 +	display: none;
   1.203 +	height: 4px;
   1.204 +	width: 13px;
   1.205 +	margin-left:3px;
   1.206 +	vertical-align: middle;
   1.207 +}
   1.208 +.sort-asc .x-grid3-sort-icon {
   1.209 +	background-image: url(../images/default/grid/sort_asc.gif);
   1.210 +	display: inline;
   1.211 +}
   1.212 +.sort-desc .x-grid3-sort-icon {
   1.213 +	background-image: url(../images/default/grid/sort_desc.gif);
   1.214 +	display: inline;
   1.215 +}
   1.216 +
   1.217 +/* Header position fixes for IE strict mode */
   1.218 +.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
   1.219 +.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
   1.220 +.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
   1.221 +
   1.222 +/* Body Styles */
   1.223 +.x-grid3-body {
   1.224 +	zoom:1;
   1.225 +}
   1.226 +.x-grid3-scroller {
   1.227 +	overflow:auto;
   1.228 +    zoom:1;
   1.229 +    position:relative;
   1.230 +}
   1.231 +.x-grid3-cell-text, .x-grid3-hd-text {
   1.232 +	display: block;
   1.233 +	padding: 3px 5px 3px 5px;
   1.234 +	-moz-user-select: none;
   1.235 +	-khtml-user-select: none;
   1.236 +	color:black;
   1.237 +}
   1.238 +.x-grid3-split {
   1.239 +	background-image: url(../images/default/grid/grid-split.gif);
   1.240 +	background-position: center;
   1.241 +	background-repeat: no-repeat;
   1.242 +	cursor: e-resize;
   1.243 +	cursor: col-resize;
   1.244 +	display: block;
   1.245 +	font-size: 1px;
   1.246 +	height: 16px;
   1.247 +	overflow: hidden;
   1.248 +	position: absolute;
   1.249 +	top: 2px;
   1.250 +	width: 6px;
   1.251 +	z-index: 3;
   1.252 +}
   1.253 +
   1.254 +.x-grid3-hd-text {
   1.255 +	color:#15428b;
   1.256 +}
   1.257 +/* Column Reorder DD */
   1.258 +.x-dd-drag-proxy .x-grid3-hd-inner{
   1.259 +	background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
   1.260 +	width:120px;
   1.261 +	padding:3px;
   1.262 +	border:1px solid #aaccf6;
   1.263 +	overflow:hidden;
   1.264 +}
   1.265 +
   1.266 +.col-move-top, .col-move-bottom{
   1.267 +	width:9px;
   1.268 +	height:9px;
   1.269 +	position:absolute;
   1.270 +	top:0;
   1.271 +	line-height:1px;
   1.272 +	font-size:1px;
   1.273 +	overflow:hidden;
   1.274 +	visibility:hidden;
   1.275 +	z-index:20000;
   1.276 +}
   1.277 +.col-move-top{
   1.278 +	background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
   1.279 +}
   1.280 +.col-move-bottom{
   1.281 +	background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
   1.282 +}
   1.283 +
   1.284 +/* Selection Styles */
   1.285 +.x-grid3-row-selected {
   1.286 +	background: #DFE8F6 !important;
   1.287 +	border:1px dotted #a3bae9;
   1.288 +}
   1.289 +
   1.290 +.x-grid3-cell-selected{
   1.291 +	background-color: #B8CFEE !important;
   1.292 +	color: black;
   1.293 +}
   1.294 +.x-grid3-cell-selected span{
   1.295 +	color: black !important;
   1.296 +}
   1.297 +.x-grid3-cell-selected .x-grid3-cell-text{
   1.298 +	color: black;
   1.299 +}
   1.300 +
   1.301 +.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
   1.302 +    background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
   1.303 +    vertical-align:middle !important;
   1.304 +    color:black;
   1.305 +    padding:0;
   1.306 +    border-top:1px solid white;
   1.307 +    border-bottom:none !important;
   1.308 +    border-right:1px solid #6fa0df !important;
   1.309 +    text-align:center;
   1.310 +}
   1.311 +.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
   1.312 +    padding:0 4px;
   1.313 +    color:#15428b !important;
   1.314 +    text-align:center;
   1.315 +}
   1.316 +
   1.317 +/* dirty cells */
   1.318 +.x-grid3-dirty-cell {
   1.319 +    background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
   1.320 +}
   1.321 +
   1.322 +/* Grid Toolbars */
   1.323 +.x-grid3-topbar, .x-grid3-bottombar{
   1.324 +	font:normal 11px arial, tahoma, helvetica, sans-serif;
   1.325 +    overflow:hidden;
   1.326 +	display:none;
   1.327 +	zoom:1;
   1.328 +    position:relative;
   1.329 +}
   1.330 +.x-grid3-topbar .x-toolbar{
   1.331 +	border-right:0 none;
   1.332 +}
   1.333 +.x-grid3-bottombar .x-toolbar{
   1.334 +	border-right:0 none;
   1.335 +	border-bottom:0 none;
   1.336 +	border-top:1px solid #a9bfd3;
   1.337 +}
   1.338 +/* Props Grid Styles */
   1.339 +.x-props-grid .x-grid3-cell{
   1.340 +	padding:1px;
   1.341 +}
   1.342 +.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
   1.343 +	background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
   1.344 +    padding-left:12px;
   1.345 +    color:black !important;
   1.346 +}
   1.347 +.x-props-grid .x-grid3-body .x-grid3-td-name{
   1.348 +    padding:1px;
   1.349 +    padding-right:0;
   1.350 +    background:white !important;
   1.351 +    border:0 none;
   1.352 +    border-right:1px solid #eeeeee;
   1.353 +}
   1.354 +
   1.355 +/* header menu */
   1.356 +.xg-hmenu-sort-asc .x-menu-item-icon{
   1.357 +	background-image: url(../images/default/grid/hmenu-asc.gif);
   1.358 +}
   1.359 +.xg-hmenu-sort-desc .x-menu-item-icon{
   1.360 +	background-image: url(../images/default/grid/hmenu-desc.gif);
   1.361 +}
   1.362 +.xg-hmenu-lock .x-menu-item-icon{
   1.363 +	background-image: url(../images/default/grid/hmenu-lock.gif);
   1.364 +}
   1.365 +.xg-hmenu-unlock .x-menu-item-icon{
   1.366 +	background-image: url(../images/default/grid/hmenu-unlock.gif);
   1.367 +}
   1.368 +
   1.369 +/* dd */
   1.370 +.x-grid3-col-dd {
   1.371 +    border:0 none;
   1.372 +    padding:0;
   1.373 +    background:transparent;
   1.374 +}
   1.375 +
   1.376 +.x-dd-drag-ghost .x-grid3-dd-wrap {
   1.377 +    padding:1px 3px 3px 1px;
   1.378 +}
   1.379 +
   1.380 +.x-grid3-hd {
   1.381 +    -moz-user-select:none;
   1.382 +}
   1.383 +
   1.384 +.x-grid3-hd-btn {
   1.385 +    display:none;
   1.386 +    position:absolute;
   1.387 +    width:14px;
   1.388 +    background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
   1.389 +    right:0;
   1.390 +    top:0;
   1.391 +    z-index:2;
   1.392 +	 cursor:pointer;
   1.393 +}
   1.394 +
   1.395 +.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
   1.396 +    display:block;
   1.397 +}
   1.398 +
   1.399 +a.x-grid3-hd-btn:hover {
   1.400 +    background-position:-14px center;
   1.401 +}
   1.402 +
   1.403 +/* Expanders */
   1.404 +
   1.405 +.x-grid3-body .x-grid3-td-expander {
   1.406 +    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
   1.407 +}
   1.408 +.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
   1.409 +    padding:0 !important;
   1.410 +    height:100%;
   1.411 +}
   1.412 +.x-grid3-row-expander {
   1.413 +    width:100%;
   1.414 +    height:18px;
   1.415 +    background-position:4px 2px;
   1.416 +    background-repeat:no-repeat;
   1.417 +    background-color:transparent;
   1.418 +	 background-image:url(../images/default/grid/row-expand-sprite.gif);
   1.419 +}
   1.420 +.x-grid3-row-collapsed .x-grid3-row-expander {
   1.421 +    background-position:4px 2px;
   1.422 +}
   1.423 +.x-grid3-row-expanded .x-grid3-row-expander {
   1.424 +    background-position:-21px 2px;
   1.425 +}
   1.426 +.x-grid3-row-collapsed .x-grid3-row-body {
   1.427 +    display:none !important;
   1.428 +}
   1.429 +.x-grid3-row-expanded .x-grid3-row-body {
   1.430 +    display:block !important;
   1.431 +}
   1.432 +
   1.433 +/* Checkers */
   1.434 +
   1.435 +.x-grid3-body .x-grid3-td-checker {
   1.436 +    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
   1.437 +}
   1.438 +
   1.439 +.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
   1.440 +    padding:0 !important;
   1.441 +    height:100%;
   1.442 +}
   1.443 +
   1.444 +.x-grid3-row-checker, .x-grid3-hd-checker {
   1.445 +    width:100%;
   1.446 +    height:18px;
   1.447 +    background-position:2px 2px;
   1.448 +    background-repeat:no-repeat;
   1.449 +    background-color:transparent;
   1.450 +	 background-image:url(../images/default/grid/row-check-sprite.gif);
   1.451 +}
   1.452 +.x-grid3-row .x-grid3-row-checker {
   1.453 +    background-position:2px 2px;
   1.454 +}
   1.455 +.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
   1.456 +    background-position:-23px 2px;
   1.457 +}
   1.458 +.x-grid3-hd-checker {
   1.459 +    background-position:2px 3px;
   1.460 +}
   1.461 +.x-grid3-hd-checker-on .x-grid3-hd-checker {
   1.462 +    background-position:-23px 3px;
   1.463 +}
   1.464 +
   1.465 +/* Numberer */
   1.466 +
   1.467 +.x-grid3-body .x-grid3-td-numberer {
   1.468 +    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
   1.469 +}
   1.470 +.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
   1.471 +    padding:3px 5px 0 0 !important;
   1.472 +    text-align:right;
   1.473 +	 color:#444;
   1.474 +}
   1.475 +
   1.476 +/* All specials */
   1.477 +
   1.478 +.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
   1.479 +.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
   1.480 +.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
   1.481 +	background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
   1.482 +}
   1.483 +.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
   1.484 +    padding: 1px 0 0 0 !important;
   1.485 +}
   1.486 +
   1.487 +.x-grid3-check-col {
   1.488 +    width:100%;
   1.489 +    height:16px;
   1.490 +    background-position:center center;
   1.491 +    background-repeat:no-repeat;
   1.492 +    background-color:transparent;
   1.493 +	background-image:url(../images/default/menu/unchecked.gif);
   1.494 +}
   1.495 +
   1.496 +
   1.497 +.x-grid3-check-col-on {
   1.498 +    width:100%;
   1.499 +    height:16px;
   1.500 +    background-position:center center;
   1.501 +    background-repeat:no-repeat;
   1.502 +    background-color:transparent;
   1.503 +	background-image:url(../images/default/menu/checked.gif);
   1.504 +}
   1.505 +
   1.506 +/* Grouping classes */
   1.507 +.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
   1.508 +    zoom:1;
   1.509 +}
   1.510 +.x-grid-group-hd {
   1.511 +    border-bottom: 2px solid #99bbe8;
   1.512 +    cursor:pointer;
   1.513 +    padding-top:6px;
   1.514 +}
   1.515 +.x-grid-group-hd div {
   1.516 +    background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
   1.517 +    padding:4px 4px 4px 17px;
   1.518 +    color:#3764a0;
   1.519 +    font:bold 11px tahoma, arial, helvetica, sans-serif;
   1.520 +}
   1.521 +.x-grid-group-collapsed .x-grid-group-hd div {
   1.522 +    background-position: 3px 3px;
   1.523 +}
   1.524 +.x-grid-group-collapsed .x-grid-group-body {
   1.525 +    display:none;
   1.526 +}
   1.527 +
   1.528 +.x-group-by-icon {
   1.529 +    background-image:url(../images/default/grid/group-by.gif);
   1.530 +}
   1.531 +.x-cols-icon {
   1.532 +    background-image:url(../images/default/grid/columns.gif);
   1.533 +}
   1.534 +.x-show-groups-icon {
   1.535 +    background-image:url(../images/default/grid/group-by.gif);
   1.536 +}
   1.537 +
   1.538 +.ext-ie .x-grid3 .x-editor .x-form-text {
   1.539 +    position:relative;
   1.540 +    top:-1px;
   1.541 +}
   1.542 +.ext-ie .x-props-grid .x-editor .x-form-text {
   1.543 +    position:static;
   1.544 +    top:0;
   1.545 +}
   1.546 +
   1.547 +.x-grid-empty {
   1.548 +    padding:10px;
   1.549 +    color:gray;
   1.550 +    font:normal 11px tahoma, arial, helvetica, sans-serif;
   1.551 +}
   1.552 +
   1.553 +
   1.554 +/* fix floating toolbar issue */
   1.555 +.ext-ie7 .x-grid-panel .x-panel-bbar {
   1.556 +    position:relative;
   1.557 +}