Merge in support for jqGrid 3.5 (plus a change to layout.css after the merge).

git-svn-id: file:///svn-source/pmgr/branches/yafr_20090716/site@596 97e9348a-65ac-dc4b-aefc-98561f571b83

views/elements/jqGrid.ctp

@@ -46,12 +46,12 @@ if (!isset($grid_setup))
   $grid_setup = array();
 
 // Do some prework to bring in the appropriate libraries
-$imgpath = '/pmgr/site/css/jqGrid/basic/images';
+$html->css('jqGrid/ui.jqgrid', null, null, false);
-$html->css('jqGrid/basic/grid', null, null, false);
+//$html->css('jqGrid/jqModal', null, null, false);
-$html->css('jqGrid/jqModal', null, null, false);
+$javascript->link('jqGrid/grid.locale-en', false);
-$javascript->link('jqGrid/jquery.jqGrid.js', false);
+$javascript->link('jqGrid/jquery.jqGrid.min', false);
-$javascript->link('jqGrid/js/jqModal', false);
+//$javascript->link('jqGrid/js/jqModal', false);
-$javascript->link('jqGrid/js/jqDnR', false);
+//$javascript->link('jqGrid/js/jqDnR', false);
 $javascript->link('pmgr_jqGrid', false);
 
 
@@ -230,8 +230,8 @@ $jqGrid_setup = array_merge
 	 'sortname'    => $sortname,
 	 'sortorder'   => $sortorder,
 	 'caption'     => $caption,
-	 'imgpath'     => $imgpath,
 	 'viewrecords' => true,
+	 'gridview'    => true,
 	 'pager'       => $grid_id.'-pager',
 	 ),
    $grid_events,
@@ -250,16 +250,16 @@ $jqGrid_setup = array_merge
 <script type="text/javascript"><!--
 
 jQuery(document).ready(function(){ 
-  currencyFormatter = function(el, cellval, opts) {
+    currencyFormatter = function(cellval, opts, rowObject) {
     if (!cellval)
-      return;
+      return "";
-    $(el).html(fmtCurrency(cellval));
+    return fmtCurrency(cellval);
   }
 
-  idFormatter = function(el, cellval, opts) {
+  idFormatter = function(cellval, opts, rowObject) {
     if (!cellval)
-      return;
+      return cellval;
-    $(el).html('#'+cellval);
+    return '#'+cellval;
   }
 
   jQuery('#<?php echo $grid_id; ?>').jqGrid(
@@ -271,36 +271,6 @@ jQuery(document).ready(function(){
 		del:false,
 		search:true,
 		refresh:true});
-
-<?php
-/*   jQuery('#t_<?php echo $grid_id; ?>').height(25).hide() */
-/*     .filterGrid('#<?php echo $grid_id; ?>', { */
-/*       gridModel:true, */
-/* 	  gridToolbar:true, */
-/* 	  autosearch:true, */
-/* 	  }); */
-
-/*   jQuery('#<?php echo $grid_id; ?>').navGrid('#<?php echo $grid_id; ?>-pager', */
-/* 				   { view:false,   */
-/* 				     edit:false, */
-/* 				       add:false, */
-/* 				       del:false, */
-/* 				       search:false, */
-/* 				       refresh:false}) */
-/*     .navButtonAdd('#<?php echo $grid_id; ?>-pager',{ */
-/*       caption:"Search", */
-/* 	  title:"Toggle Search", */
-/* 	  buttonimg:'<?php echo $imgpath; ?>' + '/find.gif', */
-/* 	  onClickButton:function(){ */
-/* 	  if(jQuery('#t_<?php echo $grid_id; ?>').css("display")=="none") { */
-/* 	    jQuery('#t_<?php echo $grid_id; ?>').css("display",""); */
-/* 	  } else { */
-/* 	    jQuery('#t_<?php echo $grid_id; ?>').css("display","none"); */
-/* 	  } */
-/* 	} */
-/*       }); */
-?>
-
 });
 
 --></script>

views/layouts/default.ctp

@@ -35,12 +35,12 @@
 		echo $html->css('layout') . "\n";
 		echo $html->css('print', null, array('media' => 'print')) . "\n";
 		echo $html->css('sidemenu') . "\n";
-		//echo $html->css('jquery/base/ui.all') . "\n";
+		echo $javascript->link('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js') . "\n";
-		//echo $html->css('jquery/smoothness/ui.all') . "\n";
+		echo $javascript->link('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js') . "\n";
-		//echo $html->css('jquery/dotluv/ui.all') . "\n";
+		//echo $html->css('themes/base/ui.all') . "\n";
-		echo $html->css('jquery/start/ui.all') . "\n";
+		//echo $html->css('themes/smoothness/ui.all') . "\n";
-		echo $javascript->link('jquery/jquery') . "\n";
+		//echo $html->css('themes/dotluv/ui.all') . "\n";
-		echo $javascript->link('jquery/jquery-ui') . "\n";
+		echo $html->css('themes/start/ui.all') . "\n";
 		echo $javascript->link('jquery.form') . "\n";
 		echo $javascript->link('pmgr') . "\n";
 		echo $scripts_for_layout . "\n";

webroot/css/jqGrid/basic/grid.css

@@ -1,447 +0,0 @@
-.GridHeader {
-}
-.Header {
-	width: 100%;
-	}
-
-.Header th { 
-	font-size: 100%; font-weight: bold; text-align: left;
-	padding: 2px;
-	background-image: url(images/headerbg.gif) ;
-	color: #FFFFFF;
-	width: 100%;
-	white-space: nowrap;
-	}
-
-.HeaderLeft { 
-	background-image: url(images/headerleft.gif);
-	}
-
-.HeaderRight { 
-	background-image: url(images/headerright.gif);
-	}
-.HeaderButton {
-	background-image: url(images/headerbg.gif);	
-}
-.HeaderButton img{
-	width: 17px;
-}
-
-.HeaderLeft img{
-	width: 14px;
-	}
-
-.HeaderRight img{
-	width: 10px;
-	}
-
-.GridHeader table {margin:0;}
-.GridHeader td, tr {padding:0;}
-/* Grid */
-table.scroll {
-	table-layout: fixed;
-	/*border-right: 1px solid #D4D0C8;*/
-	margin-bottom:0;
-}
-table.scroll tbody tr {
-	background-color: #ffffff; 
-}
-
-table.scroll tbody tr.alt {
-	background-color: #F9F9F9;
-}
-	
-table.scroll tr.over td{
-	background-color: #E1DCF4;
-}
-	
-	table.scroll tr.selected td {
-	background: #3d84cc;
-	color: White;
-}
-
-	table.scroll tbody td  {
-	padding: 2px;
-	text-align: left;
-	border-bottom: 1px solid #D4D0C8;
-	border-left: 1px solid #D4D0C8; 
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-	height : auto;
-}
-	
-	table.scroll thead th  {
-	padding: 2px;
-	border-bottom: 1px solid #CBC7B8; 
-	border-left: 1px solid #D4D0C8; 
-	text-align: left;
-	font-weight: normal;
-	overflow: hidden;
-	white-space: nowrap;
-	background-image: url(images/grid-blue-hd.gif);
-	height : 17px;
-}
-	
-	table.scroll th div {
-	overflow: hidden;
-/*	white-space: nowrap;*/
-	word-wrap: break-word;
-	height : 17px;
-}
-	table.scroll th span {
-	cursor: e-resize;
-/*	border-right: 1px solid #D6D2C2;  */
-	width: 10px;
-	float: right;
-	display: block;
-	margin: -2px -1px -2px 0px;
-	height: 17px;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-/* End Grid */
-
-/* Pager */
-div.scroll {
-	vertical-align: top;
-	height: 23px;
-	white-space: nowrap;
-	text-align: center;
-	background-image: url(images/grid-blue-ft.gif);
-}
-div.scroll span {
-	vertical-align : top; 	
-}
-.selbox {
-	font-size: x-small;
-	vertical-align : top;
-}
-input.selbox{
-	font-size: x-small;
-	vertical-align : top;
-}
-.pgbuttons {
-	margin-top :2px;
-}
-.nav-table-left {
-	padding:1px;
-	float: left;
-/*	position:absolute;*/
-}
-.nav-table-right {
-	padding:1px;
-	float: right;
-}
-
-table.navtable {margin-bottom:0; width: auto;}
-table.navtable tr{
-	background-image: url(images/grid-blue-ft.gif);	
-}
-
-table.navtable td.nav-button {
-	border: 1px solid #E2ECF8;
-	white-space: nowrap;
-}
-
-table.navtable td.nav-hover {
-	border: 1px solid #83B4D8;
-}
-
-table.tbutton tr td{
-	border : none;
-	padding:0px;
-}
-
-img.jsHover { /*not used */
-	border: 1px solid #99CCFF;
-}
-/* End Pager */
-/*multiselect checkbox */
-.cbox {
-	height: 10px;
-	width: 10px;
-	/*border:1px solid #999;*/
-}
-/* end multiselect */
-
-
-/* loading div */
-div.loading {
-	position: absolute;
-	padding: 3px;
-	text-align: center;
-	font-weight: bold;
-	background: red;
-	color: white;
-	display: none;
-}
-
-div.loadingui {
-   display:none;
-   z-index:6000;
-   position:absolute;
-}
-
-
-div.loadingui div.msgbox {
-   position: relative;
-   z-index:6001;
-   left: 35%;
-   top:45%;
-   background: url(images/loading.gif)  no-repeat left;
-   width: 100px;
-   border: 2px solid #B2D2FF;
-   text-align: right;
-   height: auto;
-   padding:2px;
-   margin: 0px;
-} 
-/* end loading div */
-/* toolbar */
-div.userdata {
-	margin-top: 0px;
-	background-color : #EAF9F9;
-	height : 20px;
-	overflow: hidden;	
-}
-/* end toolbar */
-/*Subgrid  text mode*/
-.subgrid {
-	height: 100%;
-	overflow:  auto;
-}
-.tablediv {
-	background-color: White;
-	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
-	border-collapse: separate;
-	width:100%; /* FF hack poor when scroling subgrid */
-}
-.celldiv {
-	float: left;
-	display: table-cell;
-	border: 1px dotted #CCCCCC;
-	overflow: auto;
-	white-space: normal;
-}
-.celldivth {
-	float: left; /*fix for  buggy browsers*/
-	border: 1px solid #CCCCCC;
-	background-color: #99CCFF;
-	border-bottom: 1px solid #CBC7B8;
-	text-align: left;
-	overflow: auto;
-}
-.rowdiv  {
-	display: table-row;
-	background: #F9F9F9 none;
-	color: #000000;
-	width: 100%;
-	overflow:auto;
-}
-/* End Subgrid */
-
-/* InLine editing */
-input.editable[type="text"] {
-	font-size: x-small;
-	overflow: hidden;
-	height : 15px;
-}
-input.editable[type="checkbox"]  {
-}
-
-textarea.editable {
-	overflow: hidden;
-}
-
-select.editable {
-	font-size: x-small;
-}
-/* End Inline Editing */
-
-/*Modal Window */
-.modaltext{ 
-    text-align : left;
-}
-.modalwin{
-    border:1px solid #555555;
-    background:#F9F9F9;
-    text-align:left;
-    margin: 0 auto;
-	overflow: auto;
-}
-
-
-.modalhead {
-	background-image: url(images/grid-blue-hd.gif);
-	height: 20px;
-	
-}
-.modalcontent {
-	overflow: auto;
-	margin-bottom: 9px;
-	margin-left: 5px;
-}
-/* end Modal window*/
-/* Search window */
-input.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;	
-}
-
-select.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;		
-}
-.buttonsearch {
-	width : 50px;
-	font-size: 10px;
-	color: #15428B;		
-}
-/*End search */
-
-/* Form edit */
-
-.FormGrid {
-	margin: 0px;
-}
-.EditTable {
-	width: 100%;
-}
-
-.FormData { /* tr */
-	
-}
-
-#FormError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-
-.CaptionTD{ /* td */
-	font-weight: normal; text-align: left; vertical-align: top;
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	white-space: nowrap;
-	color: #000000;
-}
-.DataTD { /* td */
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	vertical-align: top;
-}
-.navButton{
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-	text-align: center;
-}
-.navButton input{
-	width:17px;
-}
-input.EditButton { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-td.EditButton {
-	text-align: right;
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-}
-
-.FormElement { /* form element  - input -text,textarea,checkbox - select  */
-	
-}
-.FormElement {
-	font-size: 10px;	
-}
-input[type="text"].FormElement{
-	color: #15428B;		
-}
-input[type="checkbox"].FormElement{
-	width: 15px;
-	color: #15428B;		
-}
-input[type="textarea"].FormElement{
-	color: #15428B;		
-}
-select.FormElement {
-	font-size: 10px;
-	color: #15428B;		
-}
-/* End Eorm edit */
-
-/* Delete Dialog */
-.DelButton > input { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-.DelButton {
-	text-align: right;
-}
-/* End Delete Dialog */
-
-img.jqResize {
-	position:absolute;
-	bottom: 0px;
-	right: 0px;
-	cursor :se-resize;
-}
-.dirty-cell {
-	background: transparent url(images/dirty.gif) no-repeat 0 0;	
-}
-#DelError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-/* Tree Grid */
-.tree-wrap
-{
-	float: left; 
-	position: relative;
-	height: 18px;
-	white-space: nowrap;
-	overflow: hidden;
-}
-.tree-minus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_minus.gif) no-repeat;
-}
-.tree-plus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_plus.gif) no-repeat;
-}
-.tree-leaf
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_leaf.gif) no-repeat;
-}
-.treeclick
-{
-	cursor: pointer;
-}
-.edit-cell {
-	background-color: #E1DCF4 !important;
-}
-.selected-row, .selected-row TD {
-	background-color: #3d84cc; 
-}

webroot/css/jqGrid/coffee/grid.css

@@ -1,457 +0,0 @@
-.GridHeader {
-}
-.Header {
-	width: 100%;
-	}
-
-.Header th { 
-	font-size: 100%; font-weight: bold; text-align: left;
-	padding: 2px;
-	background-image: url(images/headerbg.gif); color: #ffffff;
-	width: 100%;
-	white-space: nowrap;
-	}
-
-.HeaderLeft { 
-	background-image: url(images/headerleft.gif);
-	}
-
-.HeaderRight { 
-	background-image: url(images/headerright.gif);
-	}
-.HeaderButton {
-	background-image: url(images/headerbg.gif);	
-}
-.HeaderButton img{
-	width: 21px;
-}
-
-.HeaderLeft img{
-	width: 4px;
-	}
-
-.HeaderRight img{
-	width: 9px;
-	}
-.GridHeader table {margin:0;}
-.GridHeader td, tr {padding:0;}
-
-
-/* Grid */
-table.scroll {
-	border-right: 1px solid #FFFFFF;	
-	table-layout: fixed;
-	margin-bottom:0;
-}
-table.scroll tbody tr {
-	background-color: #eceae3; 
-}
-
-table.scroll tbody tr.alt{
-	background-color: #e3dfd1; 
-}
-	
-table.scroll tr.over td{
-	background-color: #D2B48C;
-}
-	
-	
-table.scroll tr.selected td {
-	background-color: #c9b9b1;
-	color: Black;
-}
-
-table.scroll tbody tr td  {
-	font-size: 90%;
-	padding: 2px;
-	text-align: left;
-	border-left: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF; 
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-	height : auto;
-}
-
-table.scroll thead tr th  {
-	font-size: 90%;
-	font-weight: normal;
-	padding: 2px;
-	border-left: 1px solid #FFFFFF; 
-	border-bottom: 1px solid #FFFFFF; 
-	text-align: left;
-	overflow: hidden;
-	white-space: nowrap;
-	background: url(images/grid-blue-hd.gif) transparent repeat-x;
-	height : 18px;
-}
-table.scroll thead tr th div img {
-	width: 9px;
-}
-	
-table.scroll th div {
-	overflow: hidden;
-/*	white-space: nowrap;*/
-	word-wrap: break-word;
-	height : 18px;
-}
-	table.scroll th span {
-	cursor: e-resize;
-/*	border-right: 1px solid #D6D2C2;  */
-	width: 5px;
-	float: right;
-	position: relative;
-	display: block;
-	margin: -1px -1px -1px 0px;
-	height: 18px;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-table.scroll thead {
-}
-
-/* End Grid */
-
-/* Pager */
-div.scroll {
-	vertical-align: top;
-	height: 23px;
-	text-align: center;	
-	white-space: nowrap;
-	background-image: url(images/grid-blue-ft.gif);
-	border-right: 1px solid #FFFFFF;
-	border-left: 1px solid #FFFFFF;	
-	border-bottom: 1px solid #FFFFFF;
-}
-div.scroll span {
-	vertical-align : top;
-}
-.selbox {
-	font-size: x-small;
-	vertical-align : top;
-}
-input.selbox{
-	font-size: x-small;
-	vertical-align : top;
-}
-.pgbuttons {
-	margin-top :1px;
-}
-.nav-table-left {
-	padding:1px;
-	float: left;
-	margin-top:2px;
-/*	position:absolute;*/
-}
-.nav-table-right {
-	padding:1px;
-	float: right;
-	margin-top:2px;
-}
-table.navtable {margin-bottom:0; width: auto;}
-table.navtable tbody tr {
-	background-image: url(images/grid-blue-ft.gif);
-}
-table.navtable tbody tr td.nav-button {
-	border: 1px solid #FFFFFF;
-	white-space: nowrap;
-}
-table.navtable tbody tr td.nav-hover {
-	border: 1px solid #c9b9b1;
-}
-table.tbutton tbody tr td {
-	border : none;
-	padding:0px;
-}
-img.jsHover { /*not used */
-	border: 1px solid #99CCFF;
-}
-/* End Pager */
-/*multiselect checkbox */
-.cbox {
-	height: 10px;
-	width: 10px;
-/*	text-align: center;*/
-/*border:1px solid #999;*/
-}
-/* end multiselect */
-
-
-/* loading div */
-div.loading {
-	position: absolute;
-	padding: 3px;
-	text-align: center;
-	font-weight: bold;
-	background: red;
-	color: white;
-	display: none;
-}
-div.loadingui {
-   display:none;
-   z-index:6000;
-   position:absolute;
-}
-
-
-div.loadingui div.msgbox {
-   position: relative;
-   z-index:6001;
-   left: 35%;
-   top:45%;
-   background: url(images/loading.gif)  no-repeat left;
-   width: 100px;
-   border: 2px solid #B2D2FF;
-   text-align: right;
-   height: auto;
-   padding:2px;
-   margin: 0px;
-} 
-
-/* end loading div */
-/*toolbar */
-div.userdata {
-	margin-top: 0px;
-	background-color : #e3dfd1;
-	height : 20px;
-	overflow: hidden;	
-}
-/* end toolbar */
-/*Subgrid  text mode*/
-.subgrid {
-	height: 100%;
-	overflow:  auto;
-}
-.tablediv {
-	background-color: White;
-	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
-	border-collapse: separate;
-	width:100%; /* FF hack poor when scroling subgrid */
-}
-.celldiv {
-	float: left;
-	display: table-cell;
-	border: 1px dotted #CCCCCC;
-	overflow: auto;
-	white-space: normal;
-}
-.celldivth {
-	float: left; /*fix for  buggy browsers*/
-	border: 1px solid #CCCCCC;
-	background-color: #99CCFF;
-	border-bottom: 1px solid #CBC7B8;
-	text-align: left;
-	overflow: auto;
-}
-.rowdiv  {
-	display: table-row;
-	background: #F9F9F9 none;
-	color: #000000;
-	width: 100%;
-	overflow:auto;
-}
-/* End Subgrid */
-
-/* InLine editing */
-input.editable[type="text"]  {
-	font-size: x-small;
-	overflow: hidden;
-}
-input.editable[type="checkbox"]  {
-}
-
-textarea.editable {
-	overflow: hidden;
-}
-
-select.editable {
-	font-size: x-small;
-}
-/* End Inline Editing */
-
-/*Modal Window */
-.modaltext{ 
-    text-align : left;
-}
-.modalwin{
-    border:1px solid #555555;
-    background:#F9F9F9;
-    text-align:left;
-    margin: 0 auto;
-	overflow: auto;
-}
-
-
-.modalhead {
-	background-image: url(images/grid-blue-hd.gif);
-	height: 20px;
-	
-}
-.modalcontent {
-	overflow: auto;
-	margin-bottom: 9px;
-	margin-left: 5px;
-}
-/* end Modal window*/
-/* Search window */
-input.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;	
-}
-
-select.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;		
-}
-.buttonsearch {
-	width : 50px;
-	font-size: 10px;
-	color: #15428B;		
-}
-/*End search */
-
-/* Form edit */
-
-.FormGrid {
-	margin: 0px;
-}
-.EditTable {
-	width: 100%;
-}
-
-.FormData { /* tr */
-	
-}
-
-#FormError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-
-.CaptionTD{ /* td */
-	font-weight: normal; text-align: left; vertical-align: top;
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	white-space: nowrap;
-	color: #000000;
-}
-.DataTD { /* td */
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	vertical-align: top;
-}
-.navButton{
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-	text-align: center;
-}
-.navButton input{
-	width:19px;
-}
-input.EditButton { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-td.EditButton {
-	text-align: right;
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-}
-
-.FormElement { /* form element  - input -text,textarea,checkbox - select  */
-	
-}
-.FormElement {
-	font-size: 10px;	
-}
-input[type="text"].FormElement{
-	color: #15428B;		
-}
-input[type="checkbox"].FormElement{
-	width: 15px;
-	color: #15428B;		
-}
-input[type="textarea"].FormElement{
-	color: #15428B;		
-}
-select.FormElement {
-	font-size: 10px;
-	color: #15428B;		
-}
-/* End Eorm edit */
-
-/* Delete Dialog */
-.DelButton > input { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-.DelButton {
-	text-align: right;
-}
-/* End Delete Dialog */
-
-img.jqResize {
-	position:absolute;
-	bottom: 0px;
-	right: 0px;
-	cursor :se-resize;
-}
-.dirty-cell {
-	background: transparent url(images/dirty.gif) no-repeat 0 0;	
-}
-#DelError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-/* Tree Grid */
-.tree-wrap
-{
-	float: left; 
-	position: relative;
-	height: 18px;
-	white-space: nowrap;
-	overflow: hidden;
-}
-.tree-minus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_minus.gif) no-repeat;
-}
-.tree-plus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_plus.gif) no-repeat;
-}
-.tree-leaf
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_leaf.gif) no-repeat;
-}
-.treeclick
-{
-	cursor: pointer;
-}
-.edit-cell {
-	background-color: #D2B48C !important;
-}
-.selected-row, .selected-row TD {
-	background-color: #c9b9b1; 
-}

webroot/css/jqGrid/green/grid.css

@@ -1,459 +0,0 @@
-.GridHeader {
-}
-.Header {
-	width: 100%;
-	}
-
-.Header th { 
-	font-size: 100%; font-weight: bold; text-align: left;
-	padding: 3px;
-	background-image: url('images/headerbg.gif'); color: #ffffff;
-	width: 100%;
-	white-space: nowrap;
-	}
-
-.HeaderLeft { 
-	background-image: url(images/headerleft.gif);
-	}
-
-.HeaderRight { 
-	background-image: url(images/headerright.gif);
-	}
-.HeaderButton {
-	background-image: url(images/headerbg.gif);	
-}
-.HeaderButton img{
-	width: 20px;
-}
-
-.HeaderLeft img{
-	width: 4px;
-	}
-
-.HeaderRight img{
-	width: 9px;
-	}
-.GridHeader table {margin:0;}
-.GridHeader td, tr {padding:0;}
-
-/* Grid */
-table.scroll {
-	table-layout: fixed;
-	margin-bottom :0px;
-}
-table.scroll tbody tr {
-	background-color: #fffcf2; 
-}
-
-table.scroll tbody tr.alt {
-	background-color: #ecf7e4;
-}
-	
-table.scroll tr.over td{
-	background-color: #FFDEAD;
-}
-	
-	table.scroll tbody tr.selected td {
-	background: #3c964b;
-	color: #ecf7e4;
-}
-
-	table.scroll tbody td  {
-	
-	padding: 2px;
-	text-align: left;
-	border-bottom: 1px solid #3c964b;
-	border-left: 1px solid #3c964b; 
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-	height : auto;
-}
-	
-table.scroll thead th  {
-	
-	padding: 2px;
-	border-bottom: 1px solid #3c964b; 
-	border-left: 1px solid #3c964b; 
-	text-align: left;
-	font-weight: normal;
-	overflow: hidden;
-	white-space: nowrap;
-	background-image: url(images/grid-blue-hd.gif);
-	height : 17px;
-}
-	
-table.scroll th div {
-	overflow: hidden;
-/*	white-space: nowrap;*/
-	word-wrap: break-word;
-	height : 17px;
-}
-table.scroll th span {
-	cursor: e-resize;
-	width: 10px;
-	float: right;
-	display: block;
-	margin: -2px -1px -2px 0px;
-	height: 18px;
-	overflow: hidden;
-	white-space: nowrap;
-}
-	
-table.scroll thead {
-}
-
-/* End Grid */
-
-/* Pager */
-div.scroll {
-	vertical-align: top;
-	height: 23px;
-	white-space: nowrap;
-	text-align: center;
-	background-image: url(images/grid-blue-ft.gif);
-/*
-	border-left: 1px solid #3c964b;
-	border-right: 1px solid #3c964b;
-	border-bottom: 1px solid #3c964b;
-*/
-}
-div.scroll span {
-	vertical-align : top; 	
-}
-.selbox {
-	font-size: x-small;
-	vertical-align : top;
-}
-input.selbox{
-	font-size: x-small;
-	vertical-align : top;
-}
-.pgbuttons {
-	margin-top :2px;
-	width: 19px;
-}
-.nav-table-left {
-	padding:1px;
-	float: left;
-/*	position:absolute;*/
-}
-.nav-table-right {
-	padding:1px;
-	float: right;
-}
-table.navtable {margin-bottom:0; width: auto;}
-
-table.navtable tr{
-	background-image: url(images/grid-blue-ft.gif);	
-}
-
-table.navtable td.nav-button {
-/*	margin-top:2px;*/
-	border: 1px solid #E2ECF8;
-	white-space: nowrap;
-}
-
-table.navtable td.nav-hover {
-	border: 1px solid #3c964b;
-}
-
-table.tbutton tr td{
-	border : none;
-	padding:0px;
-}
-
-
-img.jsHover { /*not used */
-	border: 1px solid #99CCFF;
-}
-/* End Pager */
-/*multiselect checkbox */
-.cbox {
-	height: 10px;
-	width: 10px;
-	/*border:1px solid #999;*/
-}
-/* end multiselect */
-
-
-/* loading div */
-div.loading {
-	position: absolute;
-	padding: 3px;
-	text-align: center;
-	font-weight: bold;
-	background: red;
-	color: white;
-	display: none;
-}
-
-div.loadingui {
-   display:none;
-   z-index:6000;
-   position:absolute;
-}
-
-
-div.loadingui div.msgbox {
-   position: relative;
-   z-index:6001;
-   left: 35%;
-   top:45%;
-   background: url(images/loading.gif)  no-repeat left;
-   width: 100px;
-   border: 2px solid #B2D2FF;
-   text-align: right;
-   height: auto;
-   padding:2px;
-   margin: 0px;
-} 
-
-/* end loading div */
-/* toolbar */
-div.userdata {
-	margin-top: 0px;
-	background-color : #fffcf2;
-	height : 20px;
-	border-left: 1px solid #3c964b;
-	border-right: 1px solid #3c964b;
-	overflow: hidden;
-}
-/* end toolbar */
-/*Subgrid  text mode*/
-.subgrid {
-	height: 100%;
-	overflow:  auto;
-}
-.tablediv {
-	background-color: White;
-	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
-	border-collapse: separate;
-	width:100%; /* FF hack poor when scroling subgrid */
-}
-.celldiv {
-	float: left;
-	display: table-cell;
-	border: 1px dotted #CCCCCC;
-	overflow: auto;
-	white-space: normal;
-}
-.celldivth {
-	float: left; /*fix for  buggy browsers*/
-	border: 1px solid #CCCCCC;
-	background-color: #99CCFF;
-	border-bottom: 1px solid #CBC7B8;
-	text-align: left;
-	overflow: auto;
-}
-.rowdiv  {
-	display: table-row;
-	background: #F9F9F9 none;
-	color: #000000;
-	width: 100%;
-	overflow:auto;
-}
-/* End Subgrid */
-
-/* InLine editing */
-input.editable[type="text"]  {
-	font-size: x-small;
-	overflow: hidden;
-}
-input.editable[type="checkbox"]  {
-}
-
-textarea.editable {
-	overflow-y: auto;
-}
-
-select.editable {
-	font-size: x-small;
-}
-/* End Inline Editing */
-
-
-/* Modal window */
-.modaltext{ /*caption */
-    text-align : left;
-}
-.modalwin{
-    border:1px solid #555555;
-    text-align:left;
-    margin: 0 auto;
-	background: #F9F9F9;
-	overflow: auto;	
-}
-
-.modalhead{
-	background-image: url(images/grid-blue-hd.gif);
-	height: 20px;
-}
-.modalcontent {
-    overflow : auto;
-    background:#F9F9F9;
-	margin-bottom: 10px;
-	margin-left: 5px;	
-}
-/* End modal window */
-/*search dialog */
-input.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;	
-}
-
-select.search {
-	margin: 2px;
-	width: 70px;
-	font-size: 10px;
-	color: #15428B;		
-}
-.buttonsearch {
-	width : 50px;
-	font-size: 10px;
-	color: #15428B;		
-}
-/*End search */
-
-/* Form edit */
-
-.FormGrid {
-	margin: 0px;
-}
-.EditTable {
-	width: 100%;
-}
-
-.FormData { /* tr */
-	
-}
-#FormError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-
-.CaptionTD{ /* td */
-	font-weight: normal; text-align: left; vertical-align: top;
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	white-space: nowrap;
-	color: #000000;
-}
-.DataTD { /* td */
-	padding: 1px;
-	border-top: 1px solid #D4D0C8;
-	vertical-align: top;
-}
-.navButton{
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-	text-align: center;
-}
-.navButton input {
-	width:18px;
-}
-input.EditButton { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-td.EditButton {
-	text-align: right;
-	border-top: 1px solid #D4D0C8;
-	border-bottom: 1px solid #D4D0C8;
-}
-
-.FormElement { /* form element  - input -text,textarea,checkbox - select  */
-	
-}
-.FormElement {
-	font-size: 10px;	
-}
-input[type="text"].FormElement{
-	color: #15428B;		
-}
-input[type="checkbox"].FormElement{
-	width: 15px;
-	color: #15428B;		
-}
-input[type="textarea"].FormElement{
-	color: #15428B;		
-}
-select.FormElement {
-	font-size: 10px;
-	color: #15428B;		
-}
-/* End Eorm edit */
-
-/*delete dialog */
-.DelButton > input { /* buttons are at footer tr */
-	font-size: 10px;
-	color: #15428B;
-}
-.DelButton {
-	text-align: right;
-}
-/* End Delete Dialog */
-/* Resizing corner */
-img.jqResize {
-	position:absolute;
-	bottom: 0px;
-	right: 0px;
-	cursor :se-resize;
-}
-.dirty-cell {
-	background: transparent url(images/dirty.gif) no-repeat 0 0;	
-}
-#DelError td {
-	font-size: 90%;
-	color: #FF0000;
-	vertical-align: top;
-	background-color: #f7f7f7; 
-}
-
-/* Tree Grid */
-.tree-wrap
-{
-	float: left; 
-	position: relative;
-	height: 18px;
-	white-space: nowrap;
-	overflow: hidden;
-}
-.tree-minus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_minus.gif) no-repeat;
-}
-.tree-plus
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_plus.gif) no-repeat;
-}
-.tree-leaf
-{
-	position: absolute;
-	height: 18px; 
-	width: 16px;
-	overflow: hidden;
-	background: url(images/tree_leaf.gif) no-repeat;
-}
-.treeclick
-{
-	cursor: pointer;
-}
-.edit-cell {
-	background-color: #FFDEAD !important;
-}
-.selected-row, .selected-row TD {
-	background-color: #3c964b; 
-}