Initial commit of intern.ccwn.org contentsHEADmaster

22 files changed, 1252 insertions, 0 deletions

diff --git a/js/dojo/dojox/grid/enhanced/resources/Common.css b/js/dojo/dojox/grid/enhanced/resources/Common.css
new file mode 100644
index 0000000..fc3d346
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Common.css
@@ -0,0 +1,27 @@
+/* Indirect Selection */
+.dojoxGridRowSelector {
+	cursor: pointer;
+}
+.dojoxGridRowSelectorStatusText{
+	visibility:hidden;
+}
+.dijit_a11y .dojoxGridRowSelected {
+	opacity:0.8 !important;
+}
+.dijit_a11y .dojoxGridBorderDIV {
+	border:2px solid #000 !important;
+}
+.dijit_a11y .dojoxGridRowSelector {
+	height:100% !important;
+}
+.dijit_a11y .dojoxGridRowSelectorStatusText{
+	font-size:larger !important;
+	visibility:visible;
+}
+.dijit_a11y .dijitCheckBox .dojoxGridRowSelectorStatusText{
+	font-weight:bolder !important;
+	font-size:x-large !important;
+}
+.dijit_a11y .dijitCheckBoxChecked .dojoxGridRowSelectorStatusText{
+	font-size:small !important;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/Common_rtl.css b/js/dojo/dojox/grid/enhanced/resources/Common_rtl.css
new file mode 100644
index 0000000..796e935
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Common_rtl.css
@@ -0,0 +1,15 @@
+.dojoxGridRtl .dojoxGridLoading, 
+.dojoxGridRtl .dojoxGridError,
+.dojoxGridRtl .dojoxGridNoData {
+	background-position:right;
+	padding-right:25px;
+	padding-left:0px;
+}
+.dojoxGridRtl .dojoxGridHeader {
+	margin-left: 0;
+	margin-right: -1px;
+}
+
+.dojoxGridRtl .dojoxGridCell {
+	text-align: right;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/DnD.css b/js/dojo/dojox/grid/enhanced/resources/DnD.css
new file mode 100644
index 0000000..c364b0e
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/DnD.css
@@ -0,0 +1,78 @@
+.dojoxGridBorderDIV {
+	width:2px;
+	background-color: gray;
+	font-size:0em;
+	position:absolute;
+	z-index:9999;
+}
+.dojoxGridCellBorderDIV {
+	position:absolute;
+	background-color: transparent;
+	border: none;
+}
+.dojoxGridCellBorderLeftTopDIV {
+	position: absolute;
+	left: 0;
+	top: 0;
+	border-style: solid;
+	border-width: 2px 0 0 2px;
+	border-color: gray transparent transparent gray;
+}
+.dojoxGridCellBorderRightBottomDIV {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+	border-style: solid;
+	border-width: 0 2px 2px 0;
+	border-color: transparent gray gray transparent;
+}
+.dojoxGridDnDItemIcon {
+	background-image: url("images/sprite_icons.png");
+}
+.dojoxGridDnDIconRowSingle {
+	background-position: -256px 5px;
+}
+.dojoxGridDnDIconRowMulti {
+	background-position: -256px -16px;
+}
+.dojoxGridDnDIconColSingle {
+	background-position: -277px 3px;
+}
+.dojoxGridDnDIconColMulti {
+	background-position: -277px -17px;
+}
+.dojoxGridDnDIconCellSingle {
+	background-position: -235px 5px;
+}
+.dojoxGridDnDIconCellMulti {
+	background-position: -236px -16px;
+}
+.dojoxGridDndAvatar {
+	background-color:white;
+	border: 1px solid #CCCCCC;
+	padding: 0px;
+	-moz-box-shadow: 5px 5px 7px #999;
+	-webkit-box-shadow: 5px 5px 7px #999;
+	box-shadow: 5px 5px 7px #999;
+	z-index: 999;
+}
+.dojoxGridDndAvatar td {
+	padding: 3px;
+}
+.dojoxGridDnDIcon,
+.dojoxGridDnDItemIcon {
+	width: 16px;
+	height: 16px;
+}
+.dojoDndMove .dojoxGridDnDIcon {
+	background: url(../../../../dojo/resources/images/dndNoMove.png) no-repeat center center;
+}
+.dojoDndCopy .dojoxGridDnDIcon {
+	background: url(../../../../dojo/resources/images/dndNoCopy.png) no-repeat center center;
+}
+.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDnDIcon {
+	background: url(../../../../dojo/resources/images/dndMove.png) no-repeat center center;
+}
+.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDnDIcon {
+	background: url(../../../../dojo/resources/images/dndCopy.png) no-repeat center center;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/DnD_rtl.css b/js/dojo/dojox/grid/enhanced/resources/DnD_rtl.css
new file mode 100644
index 0000000..d7f270f
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/DnD_rtl.css
@@ -0,0 +1,12 @@
+.dojoxGridRtl .dojoxGridCellBorderLeftTopDIV{
+	left: auto;
+	right: 0;
+	border-width: 2px 2px 0 0;
+	border-color: gray gray transparent transparent;
+}
+.dojoxGridRtl .dojoxGridCellBorderRightBottomDIV{
+	right: auto;
+	left: 0;
+	border-width: 0 0 2px 2px;
+	border-color: transparent transparent gray gray;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid.css b/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid.css
new file mode 100644
index 0000000..7f02773
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid.css
@@ -0,0 +1,8 @@
+@import url("Common.css");
+@import url("Filter.css");
+@import url("Pagination.css");
+@import url("DnD.css");
+@import url("Sorter.css");
+@import url("../../../widget/Toaster/Toaster.css");
+@import url("../../../html/resources/ellipsis.css");
+
diff --git a/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css b/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css
new file mode 100644
index 0000000..0aae662
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css
@@ -0,0 +1,6 @@
+@import url("../../resources/Grid_rtl.css");
+@import url("Common_rtl.css");
+@import url("Filter_rtl.css");
+@import url("Pagination_rtl.css");
+@import url("DnD_rtl.css");
+@import url("Sorter_rtl.css");
diff --git a/js/dojo/dojox/grid/enhanced/resources/Filter.css b/js/dojo/dojox/grid/enhanced/resources/Filter.css
new file mode 100644
index 0000000..46ca5fe
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Filter.css
@@ -0,0 +1,292 @@
+/* filter bar */
+.dojoxGridFBar {
+	width: 100%;
+	cursor: pointer;
+}
+.dojoxGridFBar .dojoxGridFBarBtn {
+	margin: 0;
+}
+.dojoxGridFBarBtnTD {
+	width: 38px;
+}
+.dojoxGridFBar .dojoxGridFBarBtn .dijitButtonNode {
+	-moz-border-radius: 1px;
+	-webkit-border-radius: 1px;
+	padding-top: 0;
+	padding-bottom: 0;
+	padding-right: 2px;
+}
+.dojoxGridFBarDefFilterBtnIcon {
+	background: url("images/sprite_icons.png") no-repeat;
+	background-position: -100px -18px;
+	width: 14px;
+	height: 14px;
+}
+.dj_ie .dojoxGridFBarInner{
+	display: inline-block;
+	width: 100%;
+}
+.dojoxGridFBarStatus {
+	margin-left: 9px;
+	float: left;
+}
+.dojoxGridFBarClearFilterBtn {
+	margin: 0 0 0 10px;
+	vertical-align: top;
+	float: left;
+}
+.dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn .dijitButtonNode,
+.dojoxGridFBarInfoTD .dojoxGridFBarCloseBtn .dijitButtonNode,
+.dojoxGridFDPane .dijitAccordionTitle .dijitButtonNode,
+.dojoxGridFStatusTipDetail .dijitButton .dijitButtonNode {
+	-moz-border-radius: 0;
+	-moz-box-shadow: none;
+	-webkit-border-radius: 0;
+	-webkit-box-shadow: none;
+	background-image: none;
+	background-color: transparent;
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+.dj_ie .dojoxGridFBarInner {
+	position: relative;
+}
+.dojoxGridFBarCloseBtn {
+	margin: 0 4px 0 0;
+	float: right;
+}
+.dj_ie .dojoxGridFBarCloseBtn {
+	float: none;
+	position: absolute;
+	right: 0;
+}
+.dojoxGridFBarCloseBtnIcon {
+	background: url("images/sprite_icons.png") no-repeat;
+	background-position: -119px -20px;
+	width: 14px;
+	height: 14px;
+}
+.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
+	background-position: -140px -20px;
+}
+.dijitButtonActive .dojoxGridFBarCloseBtnIcon {
+	background-position: -160px -20px;
+}
+
+/* filter def dialog */
+.dojoxGridFDTitlePane {
+	width: 316px;
+	height: 330px;
+}
+.dijit_a11y .dojoxGridFDTitlePane .dijitArrowButtonInner{
+	/* This should be fixed in dijit */
+	display:none !important;
+}
+.dojoxGridFDTitlePane .dijitDialogPaneContent {
+	padding: 7px 5px 9px 5px;
+	height: 290px !important;
+}
+.dojoxGridFDTitlePane .dijitTitlePaneTitle {
+	cursor: move;
+}
+.dojoxGridFDPaneRelation {
+	margin: 0 0 3px 4px;
+}
+.dojoxGridFDPane {
+	width: 100%;
+	height: 100%;
+	position: relative;
+}
+.dojoxGridFDPaneRulePane {
+	height: 222px;
+	overflow: auto;
+	/* for ie6/7 only */
+	position: relative;
+}
+.dj_ie6 .dojoxGridFDPaneRulePane {
+	width: 100%;
+}
+.dojoxGridFDPane .dijitAccordionContainer .dijitContentPane {
+	padding: 6px 9px;
+}
+.dojoxGridFDPane .dijitAccordionTitle {
+	position: relative;
+	/* for non-claro theme, this can ensure a correct height change when adding/removing child */
+	min-height: 17px;
+}
+.dojoxGridFDPane .dijitAccordionTitle .dijitButton {
+	position: absolute;
+	margin: 0;
+	right: 3px;
+	top: 4px;
+}
+.dj_ie6 .dojoxGridFDPane .dijitAccordionTitle .dijitButton {
+	top: 2px;
+}
+.dojoxGridFDPane .dijitAccordionTitleFocus {
+	margin-right: 14px;
+}
+.dojoxGridFDPane .dijitAccordionText {
+	display: inline-block;
+	position: relative;
+}
+.dojoxGridFCBoxRemoveCBoxBtnIcon {
+	background-image: url("images/sprite_icons.png");
+	background-position: -198px -18px;
+	width: 16px;
+	height: 16px;
+}
+.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
+	background-position: -198px 2px;
+}
+.dojoxGridRuleTitleCondition {
+	font-style: italic;
+}
+.dojoxGridFDPaneModes .dijitSelect {
+	position: relative;
+}
+.dojoxGridFDPaneBtns {
+	position: absolute;
+	right: 0;
+	bottom: 0;
+}
+.dj_ie7 .dojoxGridFDPaneBtns,
+.dj_ie6 .dojoxGridFDPaneBtns {
+	z-index: -1;
+}
+.dojoxGridFDPaneBtns .dijitButton {
+	float: right;
+}
+.dojoxGridFDPaneAddCBoxBtn {
+	margin-top: 9px;
+}
+.dojoxGridFDPaneAddCBoxBtnIcon {
+	background-image: url("images/sprite_icons.png");
+	background-position: -218px 2px;
+	width: 16px;
+	height: 16px;
+}
+.dijitButtonDisabled .dojoxGridFDPaneAddCBoxBtnIcon {
+	background-position: -218px -18px;
+}
+
+/* criteria box */
+.dojoxGridFCBox {
+	height: 125px;
+}
+.dojoxGridFCBoxSelCol, 
+.dojoxGridFCBoxCondition {
+	height: 40px;
+}
+.dojoxGridFCBox .dojoxGridFCBoxColSelect, 
+.dojoxGridFCBox .dojoxGridFCBoxCondSelect, 
+.dojoxGridFCBox .dojoxGridFCBoxValueBox {
+	margin: 0.1em 0 0 0;
+	width: 100%;
+	/* inherited is inline-block this will cause width "error" in non IE for html tables */
+	display: inline-table;
+}
+.dojoxGridFCBoxCondSelectAlt {
+	width: 100%;
+	padding: 5px 0 0 0;
+	font-weight: bold;
+}
+.dojoxGridFCBox .dijitSelect .dijitArrowButton {
+	width: 18px;
+}
+.dojoxGridFCBoxStartValue {
+	width: 45%;	
+}
+.dojoxGridFCBoxEndValue {
+	float: right;
+	width: 45%;
+}
+.dojoxGridFCBoxRangeValueTxt {
+	margin-left: 4px;
+}
+
+/* status tip */
+.dojoxGridFStatusTipDialog .dijitTooltipContainer {
+	padding: 9px 5px;
+}
+.dojoxGridFStatusTip thead,
+.dojoxGridFStatusTip tr {
+	height: 19px;
+}
+.dojoxGridFStatusTip th {
+	max-width: 150px;
+	width: expression(this.clientWidth > 150 ? "150px" : "auto");
+}
+.dojoxGridFStatusTip th div {
+	padding: 2px 5px;
+}
+.dojoxGridFStatusTip td {
+	padding: 2px 6px;
+	max-width: 150px;
+	overflow: hidden;
+	width: expression(this.clientWidth > 150 ? "150px" : "auto");
+}
+.dojoxGridFStatusTipHead {
+	margin-bottom: 9px;
+}
+.dojoxGridFStatusTipTitle {
+	font-weight: bold;
+	margin-right: 1em;
+}
+.dojoxGridFStatusTipHandle {
+	position: relative;
+	padding-right: 16px;
+}
+.dojoxGridFStatusTipDetail .dijitButton {
+	position: absolute;
+	margin: 0;
+	padding: 0;
+	top: -1px;
+	right:0;
+}
+.dojoxGridFStatusTipDelRuleBtnIcon {
+	background-image: url("images/sprite_icons.png");
+	background-position: -198px -18px;
+	height: 16px;
+	width: 16px;
+}
+.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
+	background-position: -198px 2px;
+}
+
+/* clear dlg */
+.dj_ie7 .dojoxGridClearFilterConfirm,
+.dj_ie6 .dojoxGridClearFilterConfirm {
+	width: 300px;
+}
+.dojoxGridClearFilterBtns{
+	padding: 10px;
+	height: 18px;
+}
+.dojoxGridClearFilterBtns .dijitButton {
+	float: right;
+}
+
+/* bool value box */
+.dojoxGridTrueBox {
+	float: left;
+	width: 49%;
+}
+.dojoxGridFalseBox {
+	float: left;
+	width: 49%;
+}
+.dojoxGridBoolValueBox .dijitRadio {
+	vertical-align: middle;
+} 
+.dojoxGridTrueLabel,
+.dojoxGridFalseLabel {
+	width: 116px;
+	display:inline-block;
+	vertical-align: middle;
+}
+.dj_ie7 .dojoxGridTrueLabel,
+.dj_ie7 .dojoxGridFalseLabel {
+	display: inline;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/Filter_rtl.css b/js/dojo/dojox/grid/enhanced/resources/Filter_rtl.css
new file mode 100644
index 0000000..c9f2333
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Filter_rtl.css
@@ -0,0 +1,84 @@
+/* filter bar */
+.dojoxGridRtl .dojoxGridFBarDefFilterBtnIcon {
+	background: url("images/sprite_icons.png") no-repeat;
+	background-position: -180px -18px;
+}
+.dojoxGridRtl .dojoxGridFBarStatus {
+	margin-left: 0;
+	margin-right: 9px;
+	float: right;
+}
+.dojoxGridRtl .dojoxGridFBarClearFilterBtn {
+	margin-left: 0;
+	margin-right: 10px;
+	float: right;
+}
+.dojoxGridRtl .dojoxGridFBarCloseBtn {
+	margin: 0 0 0 4px;
+	float: left;
+}
+.dj_ie .dojoxGridRtl .dojoxGridFBarCloseBtn {
+	left: 2px;
+	right: auto;
+}
+/* filter def dialog */
+.dijitRtl .dojoxGridFDPaneRelation {
+	margin: 0 4px 3px 0;
+}  
+.dijitRtl .dojoxGridFDPane .dijitAccordionTitleFocus {
+	margin-right: 0;
+	margin-left: 14px;
+}
+.dijitRtl .dojoxGridFDPane .dijitAccordionTitle .dijitButton {
+	left: 3px;
+	right: auto;
+}
+.dj_ie6 .dijitRtl .dojoxGridFDPane .dijitAccordionTitle .dijitButton{
+	left: -290px;
+}
+.dijitRtl .dojoxGridFDPaneBtns {
+	left: 0;
+	right: auto;
+}
+.dijitRtl .dojoxGridFDPaneBtns .dijitButton,
+.dijitRtl .dojoxGridClearFilterBtns .dijitButton,
+.dijitRtl .dojoxGridFCBoxEndValue {
+	float: left;
+}
+.dijitRtl .dojoxGridFCBoxRangeValueTxt {
+	margin-left: 0;
+	margin-right: 4px;
+}
+
+/* status tip */
+.dijitRtl .dojoxGridFStatusTipTitle {
+	margin-left: 1em;
+	margin-right: 0;
+}
+.dijitRtl .dojoxGridFStatusTipHandle {
+	padding-left: 16px;
+	padding-right: 0;
+}
+.dijitRtl .dojoxGridFStatusTipDetail .dijitButton {
+	left: 0;
+	right: auto;
+}
+
+/* bool value box */
+.dijitRtl .dojoxGridTrueBox,
+.dijitRtl .dojoxGridFalseBox {
+	float: right;
+}
+
+/* For Claro */
+.claro .dojoxGridRtl .dojoxGridFBar {
+	border-right: 1px solid white;
+}
+
+.claro .dijitRtl .dojoxGridFStatusTip th div {
+	border-left: 1px solid #BCBCBC;
+	border-right: 1px solid white;
+}
+.claro .dijitRtl .dojoxGridFStatusTip th.lastColumn div {
+	border-left: 1px solid #BCBCBC;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/Pagination.css b/js/dojo/dojox/grid/enhanced/resources/Pagination.css
new file mode 100644
index 0000000..bc1ae55
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Pagination.css
@@ -0,0 +1,147 @@
+.dojoxGridPaginator {
+	border-top:1px #DBDBDB solid;
+	text-align:center;
+	width: 100%;
+	height: 24px;
+	table-layout : fixed;
+	background-color: #EAEAEA;
+}
+.dojoxGridDescriptionTd {
+	text-align: left;
+	width: 35%;
+}
+.dojoxGridDescription {
+	text-align: left;
+	margin-left: 9px;
+	overflow: hidden;
+}
+.dojoxGridPaginatorFastStep {
+	text-align: right;
+	width: 35%;
+	overflow: hidden;
+}
+.dojoxGridPaginatorStep {
+	float: right;
+}
+.dojoxGridPaginatorGotoTd {
+	width: 20px!important;
+}
+.dojoxGridPaginatorGotoDiv {
+	cursor: pointer;
+	width: 12px!important;
+	height: 16px!important;
+	margin: 0 6px 0 2px;
+	background: url("images/sprite_icons.png") no-repeat -77px 4px;
+}
+.dojoxGridPaginatorGotoDivDisabled {
+	cursor: not-allowed;
+	background: url("images/sprite_icons.png") no-repeat -77px -16px;
+}
+.dojoxGridWardButton {
+	margin-top: 2px;
+	width: 12px!important;
+	height: 12px!important;
+	float: left;
+	background: url("images/sprite_icons.png") no-repeat;
+}
+.dojoxGridWardButtonInner {
+	visibility: hidden;
+}
+.dijit_a11y .dojoxGridWardButtonInner {
+	visibility: visible;
+	margin-bottom: 8px;
+}
+.dojoxGridfirstPageBtn {
+	cursor: pointer;
+	margin-left: 1px;
+	background-position: -57px 3px;
+}
+.dojoxGridfirstPageBtnDisable {
+	margin-left: 1px;
+	cursor: not-allowed;
+	background-position: -57px -17px;
+}
+.dojoxGridprevPageBtn {
+	cursor: pointer;
+	margin: 2px 2px 0 9px;
+	background-position: 3px 3px;
+}
+.dojoxGridprevPageBtnDisable {
+	cursor: not-allowed;
+	margin: 2px 2px 0 9px;
+	background-position: 3px -17px;
+}
+.dojoxGridlastPageBtn {
+	cursor: pointer;
+	margin: 2px 9px 0 9px;
+	background-position: -37px 3px;
+}
+.dojoxGridlastPageBtnDisable {
+	cursor: not-allowed;
+	margin: 2px 9px 0 9px;
+	background-position: -37px -17px;
+}
+
+.dojoxGridnextPageBtn {
+	cursor: pointer;
+	margin-left: 3px;
+	background-position: -17px 3px;
+}
+.dojoxGridnextPageBtnDisable {
+	margin-left: 3px;
+	cursor: not-allowed;
+	background-position: -17px -17px;
+}
+.dojoxGridInactived {
+	font-weight: normal;
+	color: #5D88AF;
+	cursor: pointer;
+	margin: 1px 6px 0 5px;
+	float: left;
+	zoom: 1; /* for IE */
+}
+.dojoxGridActived {
+	font-weight: bold;
+	color: black;
+	margin: 1px 6px 0 5px;
+	float: left;
+	text-decoration: none!important; 
+	zoom: 1; /* for IE */
+}
+.dojoxGridInactiveSwitch {
+	font-weight: normal;
+	color: #5D88AF;
+	float: left;
+	cursor: pointer;
+	margin: 1px 7px 0 7px;
+	zoom: 1; /* for IE */
+}
+.dojoxGridActivedSwitch {
+	font-weight: bold;
+	color: black;
+	float: left;
+	margin: 1px 7px 0 7px;
+	text-decoration: none!important; 
+	zoom: 1; /* for IE */
+}
+.dojoxGridSeparator {
+	float: left;
+}
+.dojoxGridPageTextHover {
+	text-decoration: underline;
+}
+.dojoxGridDialogMargin {
+	width: 220px!important;
+	margin-bottom: 10px;
+}
+.dj_ie6 .dojoxGridDialogMargin {
+	position: relative;
+}
+.dojoxGridDialogButton {
+	width: 220px!important;
+	text-align: right;
+}
+.dojoxGridButtonFocus {
+	outline: none;
+	border: 0.5px dotted darkblue !important;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/Pagination_rtl.css b/js/dojo/dojox/grid/enhanced/resources/Pagination_rtl.css
new file mode 100644
index 0000000..e3a2dd1
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Pagination_rtl.css
@@ -0,0 +1,68 @@
+.dojoxGridRtl .dojoxGridDescription {
+	text-align: right;
+	margin-right: 9px;
+}
+.dojoxGridRtl .dojoxGridPaginatorStep {
+	float: left;
+}
+.dojoxGridRtl .dojoxGridPaginatorGotoDiv {
+	margin: 0 2px 0 6px;
+}
+.dojoxGridRtl .dojoxGridWardButton {
+	float: right;
+}
+.dojoxGridRtl .dojoxGridInactived {
+	margin: 1px 5px 0 6px;
+	float: right;
+}
+.dojoxGridRtl .dojoxGridActived {
+	margin: 1px 5px 0 6px;
+	float: right;
+}
+.dijitRtl .dojoxGridDialogButton {
+	float: left;
+	margin-bottom: 10px;
+}
+.dijitRtl .dojoxGridInactiveSwitch {
+	float: right;
+}
+.dijitRtl .dojoxGridActivedSwitch {
+	float: right;
+}
+.dijitRtl .dojoxGridSeparator {
+	float: right;
+}
+.dijitRtl .dojoxGridfirstPageBtn {
+	cursor: pointer;
+	margin: 2px 1px 0 0;
+	background-position: -37px 3px;
+}
+.dijitRtl .dojoxGridfirstPageBtnDisable {
+	margin: 2px 1px 0 0;
+	background-position: -37px -17px;
+}
+.dijitRtl .dojoxGridprevPageBtn {
+	cursor: pointer;
+	margin: 2px 9px 0 5px;
+	background-position: -17px 3px;
+}
+.dijitRtl .dojoxGridprevPageBtnDisable {
+	margin: 2px 9px 0 5px;
+	background-position: -17px -17px;
+}
+.dijitRtl .dojoxGridlastPageBtn {
+	cursor: pointer;
+	background-position: -57px 3px;
+}
+.dijitRtl .dojoxGridlastPageBtnDisable {
+	background-position: -57px -17px;
+}
+.dijitRtl .dojoxGridnextPageBtn {
+	cursor: pointer;
+	margin: 2px 3px 0 0;
+	background-position: 3px 3px;
+}
+.dijitRtl .dojoxGridnextPageBtnDisable {
+	margin: 2px 3px 0 0;
+	background-position: 3px -17px;
+}
\ No newline at end of file
diff --git a/js/dojo/dojox/grid/enhanced/resources/Sorter.css b/js/dojo/dojox/grid/enhanced/resources/Sorter.css
new file mode 100644
index 0000000..11e6fc5
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Sorter.css
@@ -0,0 +1,179 @@
+/*
+.dojoxGrid
+    Sorted, SingleSorted | NestSorted
+.dojoxGridCell
+    Over, SortFocus, ShowIndex
+.dojoxGridSortNode
+    Asc | Desc, Main|Sub
+.dojoxGridSortBtn
+    :hover, Single|Nested
+*/
+.dojoxGrid .dojoxGridSortNode {
+	position: relative;
+	border: 1px solid transparent;
+	cursor: pointer;
+}
+.dj_ie6 .dojoxGrid .dojoxGridSortNode,
+.dj_ie7 .dojoxGrid .dojoxGridSortNode {
+	overflow: hidden;
+	width:100%;	
+}
+.dojoxGrid .dojoxGridSortNoWrap {
+	white-space:nowrap;
+	word-wrap: normal;
+}
+.dojoxGridSortBtn {
+	width: 10px;
+	height:100%;
+	visibility: hidden;
+	top: 0;
+	display:block;
+	position: absolute;
+	color: #000;
+	background: #DFEAF1 url(images/sprite_icons.png) no-repeat 100px 0;
+	text-decoration: none;
+	outline: none;
+	right: 0;
+	border: 1px solid transparent;
+	box-sizing: border-box; /* css3 rec */
+	-moz-box-sizing: border-box; /* ff */
+	-ms-box-sizing: border-box; /* ie8 */
+	-webkit-box-sizing: border-box; /* safari3 */
+	-khtml-box-sizing: border-box; /* konqueror */
+}
+.dj_ie6 .dojoxGridSortBtn,
+.dj_ie6 .dojoxGrid .dojoxGridSortNode {
+	border: none;
+}
+.dojoxGridSortBtnNested {
+	right: 10px;
+}
+.dojoxGridCellSortFocus  .dojoxGridSortBtn {
+	border-left: 1px solid #999999;
+	background-color: #DFEAF1;
+}
+.dojoxGridCellOver .dojoxGridSortBtn {
+	border-left: 1px solid #999999;
+	background-color: #9dcfff;
+}
+.dojoxGridSortNode {
+	outline: none;
+}
+
+/*Control the title node width*/
+.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode,
+.dojoxGridCellSortFocus .dojoxGridSortNode,
+.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain,
+.dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain {
+	margin-right: 5px;
+}
+.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode,
+.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode {
+	margin-right: 24px;
+}
+/*html > body used for !dj_ie6, TBD - a better way*/
+html > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle {
+	right: -5px;
+}
+html > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle,
+html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle {
+	right: -10px;
+}
+html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle,
+html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle,
+html > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+html > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle {
+	right: -28px;
+}
+html > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested,
+html > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	right: -17px;
+}
+
+.dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridNoSort .dojoxGridSortNode {
+	margin: 0!important;
+}
+
+.dj_ie7 .dojoxGridSortBtn {
+	right: 0!important;
+}
+.dj_ie7 .dojoxGridSortBtnNested {
+	right: 10px!important;
+}
+
+/*Focus border*/
+/*Control visibility*/
+.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle,					/* single sort btn is always visible when mouseover*/
+.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle,
+.dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnNested,				/* in a sorted grid, nest btn is always visible when mouseover (except 1)*/
+.dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnNested,
+.dojoxGrid .dojoxGridCellShowIndex .dojoxGridSortNode .dojoxGridSortBtnNested,		/* in a single sort grid, when mouseover other columns, show 1 on the main sort column*/
+.dojoxGrid .dojoxGridSortNodeSorted .dojoxGridSortBtn {										/* in a sorted column, single or nested sort btn are always visible (except 2)*/
+	visibility: visible;
+}
+.dojoxGridSingleSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnNested,	/*(1)in a single sorted grid, nest btn is hidden in sort column when mouseover*/
+.dojoxGridSingleSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnNested,
+.dojoxGridSingleSorted .dojoxGridSortNode .dojoxGridSortBtnNested {							/*(2)all nested btn is hidden in single sort grid without mouse over*/
+	visibility: hidden;
+}
+
+/*
+-119 asc
+-99 desc
+-159 do asc
+-139 do desc
+-179 no sort
+*/
+/*Control background image*/
+.dojoxGridSortNodeAsc .dojoxGridSortBtnSingle {
+	background-position: -119px 5px;
+	visibility: visible;
+}
+.dojoxGridSortNodeDesc .dojoxGridSortBtnSingle {
+	background-position: -99px  5px;
+	visibility: visible;
+}
+/*hover single sort*/
+.dojoxGridCellOver .dojoxGridSortBtnSingle,
+.dojoxGridCellSortFocus .dojoxGridSortBtnSingle {
+	background-position: -159px 5px;
+}
+.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle,
+.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle,
+.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc,
+.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc {
+	background-position: -139px 5px;
+}
+.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, 
+.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, 
+.dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc, 
+.dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc {
+	background-position: -179px 5px;
+}
+/*hover nested sort*/
+.dojoxGridCellOver .dojoxGridSortBtnNested,
+.dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	background-position: -149px 5px;
+	width: 19px;
+}
+.dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested,
+.dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested {
+	background-position: -129px 5px;
+}
+.dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested,
+.dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested {
+	background-position: -169px 5px;
+}
+.dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle,
+.dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle {
+	background-position: -159px 5px;
+}
+.dojoxGridCellOver .dojoxGridSortBtn:hover {
+	background-color:#A3E4FF;  
+}
+.dojoxGrid .dojoxGridSortNodeFocus,
+.dojoxGridCellSortFocus .dojoxGridRowSelector,
+.dojoxGridCellSortFocus .dojoxGridSortBtnFocus {
+	border: 1px dashed #666;
+}
\ No newline at end of file
diff --git a/js/dojo/dojox/grid/enhanced/resources/Sorter_rtl.css b/js/dojo/dojox/grid/enhanced/resources/Sorter_rtl.css
new file mode 100644
index 0000000..3faaedb
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/Sorter_rtl.css
@@ -0,0 +1,78 @@
+.dojoxGridRtl .dojoxGridSortBtnSingle {
+	right: auto;
+	left: 0px;
+}
+.dojoxGridRtl .dojoxGridSortBtnNested {
+	right: auto;
+	left: 10px;
+}
+
+.dojoxGridRtl .dojoxGridCellOver  .dojoxGridSortBtn,
+.dj_ie6 dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtn,
+.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtn {
+	border-left: none;
+	border-right: 1px solid #999999;
+}
+
+/*Control the title node width*/
+.dijitRtl .dojoxGridCellOver .dojoxGridSortNode,
+.dijitRtl .dojoxGridCellSortFocus .dojoxGridSortNode,
+.dijitRtl .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain,
+.dijitRtl .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain {
+	margin-right: auto;
+	margin-left: 10px;
+}
+.dijitRtl .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode,
+.dijitRtl .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode {
+	margin-right: auto;
+	margin-left: 24px;
+}
+/*html > body used for !dj_ie6, TBD - a better way*/
+html.dijitRtl > body .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle {
+	right: auto;
+	left: -10px;
+}
+html.dijitRtl > body .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle,
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle {
+	right: auto;
+	left: -10px;
+}
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle,
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle,
+html.dijitRtl > body .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+html.dijitRtl > body .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle {
+	right: auto;
+	left: -28px;
+}
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested,
+html.dijitRtl > body .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	right: auto;
+	left: -17px;
+}
+.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested,
+.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	background-position: -159px 5px;
+	padding-left:8px;
+}
+.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested,
+.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested {
+	background-position: -139px 5px;
+}
+
+.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested,
+.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested {
+	background-position: -179px 5px;
+}
+.dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested,
+.dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	padding-left: 8px;
+	padding-right: 0;
+}
+
+.dj_ie6 .dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested,
+.dj_ie6 .dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested,
+.dj_ie6 .dojoxGridRtl .dojoxGridCellOver .dojoxGridSortBtnNested,
+.dj_ie6 .dojoxGridRtl .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	padding-left:0px;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/claro/Common.css b/js/dojo/dojox/grid/enhanced/resources/claro/Common.css
new file mode 100644
index 0000000..cec6c02
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/claro/Common.css
@@ -0,0 +1,26 @@
+.claro .dojoxGridHeader .dojoxGridHeaderActive {
+	background-color:#91c9fe;
+}
+.claro td.dojoxGridRowSelected {
+	border-collapse:separate;
+	background:url("../../../resources/images/row_back.png") #CEE6FA repeat-x;
+}
+.claro .dojoxGridRowOver td.dojoxGridRowSelected {
+	border-top:1px solid #769DC0;
+	border-bottom:1px solid #769DC0;
+}
+.claro .dojoxGridRowActive td.dojoxGridRowSelected {
+	background-image:url("../../../resources/images/td_button_down.png");
+}
+.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell {
+	border-color: #ABD6FF;
+}
+.dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell {
+	border-color: #7DBEFA;
+}
+
+/* Pagination */
+.claro .dojoxGridPaginator{
+	background: url("../../../resources/images/header_shadow.png") repeat-x scroll center bottom #E5EDF4;
+	/*background-color: #EAF1F6;*/
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css b/js/dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css
new file mode 100644
index 0000000..5c3b1a6
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css
@@ -0,0 +1,4 @@
+@import url("../../../resources/claroGrid.css");
+@import url("../EnhancedGrid.css");
+@import url("Common.css");
+@import url("Filter.css");
diff --git a/js/dojo/dojox/grid/enhanced/resources/claro/Filter.css b/js/dojo/dojox/grid/enhanced/resources/claro/Filter.css
new file mode 100644
index 0000000..f2069f6
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/claro/Filter.css
@@ -0,0 +1,58 @@
+.claro .dojoxGridFBarInfoTD {
+	background: url("../../../resources/images/header_shadow.png") #F2F9FF repeat-x bottom;
+	background: -moz-linear-gradient(top, #F2F9FF, #EAF5FF);
+	background: -webkit-gradient(linear, left top, left bottom, from(#F2F9FF), to(#EAF5FF));
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF2F9FF, endColorstr=#FFEAF5FF);
+}
+.claro .dojoxGridFBarHover .dojoxGridFBarInfoTD {
+	background: url("../../../resources/images/header_shadow.png") #F2F9FF repeat-x bottom;
+	background: -moz-linear-gradient(top, #ECF6FF 2px, #F2F9FF, #EAF5FF 6px);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ECF6FF), color-stop(0.6, #F2F9FF), color-stop(0.8, #EAF5FF));
+}
+.dj_gecko .claro .dojoxGridFBarInfoTD,
+.dj_webkit .claro .dojoxGridFBarInfoTD {
+	border-top: 1px solid #BFD6EB;
+	border-bottom: 1px solid #BFD6EB;
+}
+.dj_ie .claro .dojoxGridFBarInner{
+	border-top: 1px solid #BFD6EB;
+	border-bottom: 1px solid #BFD6EB;
+	display:inline-block;
+	width: 100%;
+}
+.claro .dojoxGridFBarClearFilterBtn {
+	color: #5B83B6;
+}
+.claro .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText {
+	text-decoration: underline;
+}
+.claro .dojoxGridFBar {
+	border-left: 1px solid white;
+}
+.claro .dojoxGridFStatusTip table {
+	border: 1px solid #BCBCBC;
+}
+.claro .dojoxGridFStatusTip th {
+	background-color: #E8EFF4;
+	border-bottom: 1px solid #BCBCBC;
+}
+.claro .dojoxGridFStatusTip th div {
+	background-color: #E8EFF4;
+	border-left: 1px solid white;
+	border-right: 1px solid #BCBCBC;
+	border-top: 1px solid white;
+	border-bottom: 1px solid white;
+}
+.claro .dojoxGridFStatusTip th.lastColumn div {
+	border-right: 1px solid white;
+}
+.claro .dojoxGridFStatusTip td {
+	border-top: 1px solid white;
+	border-bottom: 1px solid white;
+}
+.claro .dojoxGridFStatusTipCondition {
+	font-style: italic;
+}
+.claro .dojoxGridFStatusTipOddRow {
+	background-color: #F1F8FF;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/claroEnhancedGrid.css b/js/dojo/dojox/grid/enhanced/resources/claroEnhancedGrid.css
new file mode 100644
index 0000000..2cbc1de
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/claroEnhancedGrid.css
@@ -0,0 +1,2 @@
+/*backward compatible*/
+@import "claro/EnhancedGrid.css";
\ No newline at end of file
diff --git a/js/dojo/dojox/grid/enhanced/resources/images/sprite_icons.png b/js/dojo/dojox/grid/enhanced/resources/images/sprite_icons.png
new file mode 100644
index 0000000..28be879
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/images/sprite_icons.png
diff --git a/js/dojo/dojox/grid/enhanced/resources/tundra/Common.css b/js/dojo/dojox/grid/enhanced/resources/tundra/Common.css
new file mode 100644
index 0000000..81287aa
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/tundra/Common.css
@@ -0,0 +1,40 @@
+/* overwrite */
+.tundra .dojoxGridHeader .dojoxGridCell{
+	background: #fafafa url(../../../../../dijit/themes/tundra/images/titleBar.png) repeat-x bottom left;
+	border-top: 1px solid #bfbfbf;
+	/*border-left-width: 0px;*/
+}
+.tundra .dojoxGridCell {
+	padding:0px;
+	/*display:inline;*/
+	/*position:relative;*/
+	/*border-left-width: 0px;*/
+}
+.dj_ie6 .tundra .dojoxGridMasterView .dojoxGridCellOver{
+	border: 1px dashed #e9e9e9;
+}
+.dj_ie6 .tundra .dojoxGridHeader .dojoxGridCellOver{
+	border-bottom: none !important;
+	border-right: 1px solid #D5CDB5 !important;
+	border-top: 1px solid #D5CDB5 !important;
+}
+.tundra .dojoxGridRowbarInner {
+	width:20px;
+}
+.tundra .dojoxGridCellOver .dojoxGridSortNode,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNode {
+	cursor:pointer;
+	background: #f8fafd url("../../../../../dijit/themes/tundra/images/accordionItemHover.gif") bottom repeat-x;
+}
+/* end overwrite */
+
+/* fix safari focus border - overwrite */
+.dj_webkit .tundra .dojoxGridCell,
+.dj_webkit .tundra .dojoxGridCellFocus {
+	outline: none;
+}
+
+/*Pagination*/
+.tundra .dojoxGridPaginator {
+	background: url("../../../../../dijit/themes/tundra/images/titleBar.png") repeat-x top left;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/tundra/EnhancedGrid.css b/js/dojo/dojox/grid/enhanced/resources/tundra/EnhancedGrid.css
new file mode 100644
index 0000000..f8159c8
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/tundra/EnhancedGrid.css
@@ -0,0 +1,5 @@
+@import url("../../../resources/tundraGrid.css");
+@import url("../EnhancedGrid.css");
+@import url("Common.css");
+@import url("Filter.css");
+@import url("Sorter.css");
diff --git a/js/dojo/dojox/grid/enhanced/resources/tundra/Filter.css b/js/dojo/dojox/grid/enhanced/resources/tundra/Filter.css
new file mode 100644
index 0000000..b7b7b83
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/tundra/Filter.css
@@ -0,0 +1,38 @@
+.tundra .dojoxGridFBar {
+	background-color: #eeeeee;
+	border: 1px solid #bfbfbf;
+}
+.tundra .dojoxGridFBarFiltered {
+	background: #fafafa url(../../../../../dijit/themes/tundra/images/titleBar.png) repeat-x bottom left;
+}
+.tundra .dojoxGridFBarHover {
+	background-color: #cccccc;
+	background-image: none;
+}
+.tundra .dojoxGridFStatusTip table {
+	border: 1px solid #eeeeee;
+}
+.tundra .dojoxGridFStatusTip th {
+	background: #fafafa url(../../../../../dijit/themes/tundra/images/titleBar.png) repeat-x bottom left;
+	border-bottom: 1px solid #eeeeee;
+}
+.tundra .dojoxGridFStatusTip th div {
+	border-left: 1px solid white;
+	border-right: 1px solid #eeeeee;
+	border-top: 1px solid white;
+	border-bottom: 1px solid white;
+}
+.tundra .dojoxGridFStatusTip th.lastColumn div {
+	border-right: 1px solid white;
+}
+.tundra .dojoxGridFStatusTip td {
+	border-top: 1px solid white;
+	border-bottom: 1px solid white;
+}
+.tundra .dojoxGridFStatusTipRel,
+.tundra .dojoxGridFStatusTipCondition {
+	font-style: italic;
+}
+.tundra .dojoxGridFStatusTipOddRow {
+	background-color: #f2f5f9;
+}
diff --git a/js/dojo/dojox/grid/enhanced/resources/tundra/Sorter.css b/js/dojo/dojox/grid/enhanced/resources/tundra/Sorter.css
new file mode 100644
index 0000000..480dd7e
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/tundra/Sorter.css
@@ -0,0 +1,83 @@
+.tundra .dojoxGridSortBtn {
+	padding-top: 3px;
+}
+.tundra .dojoxGridSortBtnNested {
+	right: 11px;
+}
+.tundra .dojoxGridCellOver  .dojoxGridSortBtn,
+.tundra .dojoxGridCellSortFocus  .dojoxGridSortBtn {
+	background-color: #ccc;
+}
+
+/*Control the title node width*/
+.tundra .dojoxGridCellOver .dojoxGridSortNode,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNode,
+.tundra .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellOver .dojoxGridSortNodeMain,
+.tundra .dojoxGridSingleSorted .dojoxGridHeader .dojoxGridCellSortFocus .dojoxGridSortNodeMain {
+	margin-right: 12px;
+}
+.tundra .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNode,
+.tundra .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNode {
+	margin-right: 31px;
+}
+
+/*ie 6 doesn't need below*/
+.tundra .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnSingle,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnSingle,
+.tundra .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+.tundra .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle  {
+	right: -12px;
+}
+.tundra .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnSingle,
+.tundra .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle,
+.tundra .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortNodeMain .dojoxGridSortBtnSingle,
+.tundra .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortNodeMain .dojoxGridSortBtnSingle {
+	right: -31px;
+}
+.tundra .dojoxGridSorted .dojoxGridCellOver .dojoxGridSortBtnNested,
+.tundra .dojoxGridSorted .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	right: -20px;
+}
+/*ie6 hack end*/
+
+/*Control background image*/
+.tundra .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle {
+	background-position: -119px 8px;
+}
+.tundra .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle {
+	background-position: -99px  8px;
+}
+/*hover single sort*/
+.tundra .dojoxGridCellOver .dojoxGridSortBtnSingle,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortBtnSingle {
+	background-position: -159px 8px;
+}
+.tundra .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnSingle,
+.tundra .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnAsc,
+.tundra .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnAsc {
+	background-position: -139px 8px;
+}
+.tundra .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, 
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnSingle, 
+.tundra .dojoxGrid .dojoxGridCellOver .dojoxGridSortNode .dojoxGridSortBtnDesc,
+.tundra .dojoxGrid .dojoxGridCellSortFocus .dojoxGridSortNode .dojoxGridSortBtnDesc {
+	background-position: -179px 8px;
+}
+/*hover nested sort*/
+.tundra .dojoxGridCellOver .dojoxGridSortBtnNested,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortBtnNested {
+	background-position: -150px 8px;
+}
+.tundra .dojoxGridCellOver .dojoxGridSortNodeAsc .dojoxGridSortBtnNested,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNodeAsc .dojoxGridSortBtnNested {
+	background-position: -130px 8px;
+}
+.tundra .dojoxGridCellOver .dojoxGridSortNodeDesc .dojoxGridSortBtnNested,
+.tundra .dojoxGridCellSortFocus .dojoxGridSortNodeDesc .dojoxGridSortBtnNested {
+	background-position: -170px 8px;
+}
+.tundra .dojoxGridNestSorted .dojoxGridCellOver .dojoxGridSortBtnSingle,
+.tundra .dojoxGridNestSorted .dojoxGridCellSortFocus .dojoxGridSortBtnSingle {
+	background-position: -159px 8px;
+}
\ No newline at end of file
diff --git a/js/dojo/dojox/grid/enhanced/resources/tundraEnhancedGrid.css b/js/dojo/dojox/grid/enhanced/resources/tundraEnhancedGrid.css
new file mode 100644
index 0000000..a770d0c
--- /dev/null
+++ b/js/dojo/dojox/grid/enhanced/resources/tundraEnhancedGrid.css
@@ -0,0 +1,2 @@
+/*backward compatible*/
+@import "tundra/EnhancedGrid.css";
\ No newline at end of file