13 files changed, 247 insertions, 239 deletions
diff --git a/frontend/beta/css/yui-extensions/basic-dialog.css b/frontend/beta/css/yui-extensions/basic-dialog.css
index 5a9f311..5a6cefb 100644
--- a/frontend/beta/css/yui-extensions/basic-dialog.css
+++ b/frontend/beta/css/yui-extensions/basic-dialog.css
@@ -24,6 +24,10 @@ refer to http://www.clipperz.com.
 */
 .ydlg-proxy {
+<<<<<<< HEAD
+        background-image: url(./images/default/gradient-bg.gif);
+=======
+>>>>>>> 0db1d5c8b18eadc4bd9cfc6603e86227fa94b5a9
        background-color:#c3daf9;
        border:1px solid #6593cf;
        z-index:10001;
@@ -75,7 +79,7 @@ body.masked .ydlg select {
        z-index:10002;
 }
 .ydlg .ydlg-hd {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
        background-color:navy;
        color:#ffffff;
        font:bold 12px "sans serif", tahoma, verdana, helvetica;
@@ -83,15 +87,19 @@ body.masked .ydlg select {
        padding:5px;
 }
 .ydlg .ydlg-hd-left {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
        padding-left:3px;
        margin:0px;
 }
 .ydlg .ydlg-hd-right {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) no-repeat right 0;
        padding-right:3px;
 }
 .ydlg .ydlg-dlg-body{
+<<<<<<< HEAD
+        background:url(./images/default/layout/gradient-bg.gif);
+=======
+>>>>>>> 0db1d5c8b18eadc4bd9cfc6603e86227fa94b5a9
        border:1px solid #6593cf;
        border-top:0 none;
        padding:10px;
@@ -166,45 +174,45 @@ body.masked .ydlg select {
        background-repeat:no-repeat;
        cursor:pointer;
        visibility:inherit;
-        background-image:url(../images/default/basic-dialog/close.gif);
+        background-image:url(./images/default/basic-dialog/close.gif);
 }
 .ydlg div.yresizable-handle-east{
-        background-image:url(../images/default/sizer/e-handle-dark.gif);
+        background-image:url(./images/default/sizer/e-handle-dark.gif);
        border:0;
        background-position:left;
        margin-right:0;
 }
 .ydlg div.yresizable-handle-south{
-        background-image:url(../images/default/sizer/s-handle-dark.gif);
+        background-image:url(./images/default/sizer/s-handle-dark.gif);
        border:0;
        height:6px;
 }
 .ydlg div.yresizable-handle-west{
-        background-image:url(../images/default/sizer/e-handle-dark.gif);
+        background-image:url(./images/default/sizer/e-handle-dark.gif);
        border:0;
        background-position:1px;
 }
 .ydlg div.yresizable-handle-north{
-        background-image:url(../images/default/s.gif);
+        background-image:url(./images/default/s.gif);
        border:0;
 }
 .ydlg div.yresizable-handle-northeast, .ytheme-gray .ydlg div.yresizable-handle-northeast{
-        background-image:url(../images/default/s.gif);
+        background-image:url(./images/default/s.gif);
        border:0;
 }
 .ydlg div.yresizable-handle-northwest, .ytheme-gray .ydlg div.yresizable-handle-northwest{
-        background-image:url(../images/default/s.gif);
+        background-image:url(./images/default/s.gif);
        border:0;
 }
 .ydlg div.yresizable-handle-southeast{
-        background-image:url(../images/default/sizer/corners-sprite.gif);
+        background-image:url(./images/default/sizer/corners-sprite.gif);
        background-position: top left;
        width:8px;
        height:8px;
        border:0;
 }
 .ydlg div.yresizable-handle-southwest{
-        background-image:url(../images/default/sizer/corners-sprite.gif);
+        background-image:url(./images/default/sizer/corners-sprite.gif);
        background-position: top right;
        margin-left:1px;
        margin-bottom:1px;
@@ -235,11 +243,11 @@ body.masked .ydlg select {
 }
 #mb-dlg .ext-mb-progress {
        height:18px;
-        background:transparent url(../images/default/basic-dialog/progress2.gif) repeat-x 1px 1px;
+        background:transparent url(./images/default/basic-dialog/progress2.gif) repeat-x 1px 1px;
 }
 #mb-dlg .ext-mb-progress-bar {
        height:18px;
        overflow:hidden;
        width:0;
        background:#8bb8f3;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/button.css b/frontend/beta/css/yui-extensions/button.css
index ad1b2fc..fa32854 100644
--- a/frontend/beta/css/yui-extensions/button.css
+++ b/frontend/beta/css/yui-extensions/button.css
@@ -35,12 +35,12 @@ refer to http://www.clipperz.com.
 .ybtn-left{
        width:3px;
        height:21px;
-        background:url(../images/default/basic-dialog/btn-sprite.gif) no-repeat 0 0;
+        background:url(./images/default/basic-dialog/btn-sprite.gif) no-repeat 0 0;
 }
 .ybtn-right{
        width:3px;
        height:21px;
-        background:url(../images/default/basic-dialog/btn-sprite.gif) no-repeat 0 -21px;
+        background:url(./images/default/basic-dialog/btn-sprite.gif) no-repeat 0 -21px;
 }
 .ybtn-focus{
        text-decoration:none !important;
@@ -52,7 +52,7 @@ refer to http://www.clipperz.com.
        white-space: nowrap;
 }
 .ybtn-center{
-        background:url(../images/default/basic-dialog/btn-sprite.gif) repeat-x 0 -42px;
+        background:url(./images/default/basic-dialog/btn-sprite.gif) repeat-x 0 -42px;
        font:normal 11px "san serif",tahoma,verdana,helvetica;
        vertical-align: middle;
        text-align:center;
@@ -80,4 +80,4 @@ refer to http://www.clipperz.com.
 .ybtn-disabled .ybtn-center{
        color:gray;
        cursor:default;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/dd.css b/frontend/beta/css/yui-extensions/dd.css
index d4413e5..87cfdae 100644
--- a/frontend/beta/css/yui-extensions/dd.css
+++ b/frontend/beta/css/yui-extensions/dd.css
@@ -68,11 +68,11 @@ refer to http://www.clipperz.com.
        z-index:1;
 }
 .ydd-drop-nodrop .ydd-drop-icon{
-  background-image: url(../images/default/dd/drop-no.gif);
+  background-image: url(./images/default/dd/drop-no.gif);
 }
 .ydd-drop-ok .ydd-drop-icon{
-  background-image: url(../images/default/dd/drop-yes.gif);
+  background-image: url(./images/default/dd/drop-yes.gif);
 }
 .ydd-drop-ok-add .ydd-drop-icon{
-  background-image: url(../images/default/dd/drop-add.gif);
+  background-image: url(./images/default/dd/drop-add.gif);
-}
+}
diff --git a/frontend/beta/css/yui-extensions/grid.css b/frontend/beta/css/yui-extensions/grid.css
index 37066ce..45a40ab 100644
--- a/frontend/beta/css/yui-extensions/grid.css
+++ b/frontend/beta/css/yui-extensions/grid.css
@@ -82,11 +82,11 @@ refer to http://www.clipperz.com.
        right:0;
        top:0;
        z-index:2;
-        background-image: url(../images/default/grid/pick-button.gif);
+        background-image: url(./images/default/grid/pick-button.gif);
        background-repeat: no-repeat;
 }
 .ygrid-editor-invalid{
-        background-image: url(../images/default/grid/invalid_line.gif);
+        background-image: url(./images/default/grid/invalid_line.gif);
        background-repeat: repeat-x;
        background-position: bottom;
        border: 1px solid #afbdc9;
@@ -160,13 +160,13 @@ select.ygrid-editor{
        background-repeat: no-repeat;
 }
 .ygrid-drop-nodrop{
-   background-image: url(../images/default/grid/drop-no.gif);
+   background-image: url(./images/default/grid/drop-no.gif);
 }
 .ygrid-drop-ok{
-   background-image: url(../images/default/grid/drop-yes.gif);
+   background-image: url(./images/default/grid/drop-yes.gif);
 }
 .ygrid-hd .sort-asc {
-        background-image: url(../images/default/grid/sort_asc.gif);
+        background-image: url(./images/default/grid/sort_asc.gif);
        background-position: right;
        background-repeat: no-repeat;
        display: none;
@@ -174,7 +174,7 @@ select.ygrid-editor{
        width: 16px;
 }
 .ygrid-hd .sort-desc {
-        background-image: url(../images/default/grid/sort_desc.gif);
+        background-image: url(./images/default/grid/sort_desc.gif);
        background-position: right;
        background-repeat: no-repeat;
        display: none;
@@ -204,7 +204,7 @@ select.ygrid-editor{
        border-bottom: 1px solid #f9a900;
 }
 .ygrid-hd-split {
-        background-image: url(../images/default/grid/grid-split.gif);
+        background-image: url(./images/default/grid/grid-split.gif);
        background-position: center;
        background-repeat: no-repeat;
        cursor: e-resize;
@@ -218,7 +218,7 @@ select.ygrid-editor{
        z-index: 3;
 }
 .ygrid-hrow{
-        background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;
+        background: #ebeadb url(./images/default/grid/grid-hrow.gif) repeat-x;
        display: block;
        height: 22px;
        left: 0;
@@ -245,34 +245,34 @@ select.ygrid-editor{
                height:14px;
 }
 .ygrid-page-first{
-        background-image: url(../images/default/grid/page-first.gif);
+        background-image: url(./images/default/grid/page-first.gif);
 }
 .ygrid-loading{
-        background-image: url(../images/default/grid/done.gif);
+        background-image: url(./images/default/grid/done.gif);
 }
 .ygrid-page-last{
-        background-image: url(../images/default/grid/page-last.gif);
+        background-image: url(./images/default/grid/page-last.gif);
 }
 .ygrid-page-next{
-        background-image: url(../images/default/grid/page-next.gif);
+        background-image: url(./images/default/grid/page-next.gif);
 }
 .ygrid-page-prev{
-        background-image: url(../images/default/grid/page-prev.gif);
+        background-image: url(./images/default/grid/page-prev.gif);
 }
 .ytb-button-disabled .ygrid-loading{
-        background-image: url(../images/default/grid/loading.gif);
+        background-image: url(./images/default/grid/loading.gif);
 }
 .ytb-button-disabled .ygrid-page-first{
-        background-image: url(../images/default/grid/page-first-disabled.gif);
+        background-image: url(./images/default/grid/page-first-disabled.gif);
 }
 .ytb-button-disabled .ygrid-page-last{
-        background-image: url(../images/default/grid/page-last-disabled.gif);
+        background-image: url(./images/default/grid/page-last-disabled.gif);
 }
 .ytb-button-disabled .ygrid-page-next{
-        background-image: url(../images/default/grid/page-next-disabled.gif);
+        background-image: url(./images/default/grid/page-next-disabled.gif);
 }
 .ytb-button-disabled .ygrid-page-prev{
-        background-image: url(../images/default/grid/page-prev-disabled.gif);
+        background-image: url(./images/default/grid/page-prev-disabled.gif);
 }
 .ygrid-mso{
 }
@@ -297,13 +297,13 @@ select.ygrid-editor{
        background-color: transparent;
 }
 .ygrid-mso .ygrid-hd-split {
-        background-image: url(../images/default/grid/grid-blue-split.gif);
+        background-image: url(./images/default/grid/grid-blue-split.gif);
 }
 .ygrid-mso .ytoolbar .ytb-sep {
-        background-image: url(../images/default/grid/grid-blue-split.gif);
+        background-image: url(./images/default/grid/grid-blue-split.gif);
 }
 .ygrid-mso .ygrid-hrow{
-        background: url(../images/default/grid/mso-hd.gif);
+        background: url(./images/default/grid/mso-hd.gif);
        border-bottom: 1px solid #6593cf;
        height: 21px;
 }
@@ -388,10 +388,10 @@ select.ygrid-editor{
        border-bottom:0;
 }
 .ygrid-vista .ygrid-hd-split {
-        background-image: url(../images/default/grid/grid-split.gif);
+        background-image: url(./images/default/grid/grid-split.gif);
 }
 .ygrid-vista .ygrid-hrow{
-        background: url(../images/default/grid/grid-vista-hd.gif);
+        background: url(./images/default/grid/grid-vista-hd.gif);
        height: 21px;
 }
 .ygrid-vista .ygrid-row-alt{
@@ -408,10 +408,10 @@ select.ygrid-editor{
 }
 .ygrid-vista .ytoolbar{
        border: 0px none;
-        background: url(../images/default/grid/grid-vista-hd.gif);
+        background: url(./images/default/grid/grid-vista-hd.gif);
 }
 .ygrid-vista .ytoolbar .ytb-sep{
-        background-image: url(../images/default/grid/grid-split.gif);
+        background-image: url(./images/default/grid/grid-split.gif);
 }
 /* 
  To have the scrollbars overlap the header, change .ygrid-wrap top style to 0 and 
@@ -499,14 +499,14 @@ select.ygrid-editor{
 .ypopcal-head .next-month{
        width:16px;
-        background-image: url(../images/default/grid/arrow-right-white.gif);
+        background-image: url(./images/default/grid/arrow-right-white.gif);
        background-position: center;
        background-repeat: no-repeat;
        cursor:pointer;
 }
 .ypopcal-head .prev-month{
        width:16px;
-        background-image: url(../images/default/grid/arrow-left-white.gif);
+        background-image: url(./images/default/grid/arrow-left-white.gif);
        background-position: center;
        background-repeat: no-repeat;
        cursor:pointer;
@@ -578,4 +578,4 @@ select.ygrid-editor{
 .ygrid-simple-view .ygrid-row{
         position:static; 
         display: table-row;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/layout.css b/frontend/beta/css/yui-extensions/layout.css
index 0c0feee..4f1fa03 100644
--- a/frontend/beta/css/yui-extensions/layout.css
+++ b/frontend/beta/css/yui-extensions/layout.css
@@ -96,7 +96,7 @@ refer to http://www.clipperz.com.
    background-color:#c3daf9;
 }
 .ylayout-panel-hd{
-    background-image: url(../images/default/layout/panel-title-light-bg.gif);
+    background-image: url(./images/default/layout/panel-title-light-bg.gif);
    color: black;
    border-bottom:1px solid #98c0f4;
    position:relative;
@@ -135,40 +135,40 @@ refer to http://www.clipperz.com.
    background-position:center;
 }
 .ylayout-close{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -48px;
 }
 .ylayout-collapse-west,.ylayout-expand-east{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
 }
 .ylayout-expand-west,.ylayout-collapse-east{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -12px;
 }
 .ylayout-collapse-north,.ylayout-expand-south{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -24px;
 }
 .ylayout-expand-north,.ylayout-collapse-south{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -36px;
 }
 .ylayout-split-h{
-    background-image:url(../images/default/sizer/e-handle.gif);
+    background-image:url(./images/default/sizer/e-handle.gif);
    background-position: left;
 }
 .ylayout-split-v{
-    background-image:url(../images/default/sizer/s-handle.gif);
+    background-image:url(./images/default/sizer/s-handle.gif);
    background-position: top;
 }
 .ylayout-panel .ytab-wrap{
-    background:url(../images/default/layout/gradient-bg.gif);
+    background:url(./images/default/layout/gradient-bg.gif);
 }
 .ylayout-panel .yui-ext-tabbody {
    background-color:white;
@@ -204,7 +204,7 @@ refer to http://www.clipperz.com.
        border: 2px solid #6593cf;
 }
 .ylayout-panel-proxy {
-        background-image: url(../images/default/layout/gradient-bg.gif);
+        background-image: url(./images/default/layout/gradient-bg.gif);
        background-color:#c3daf9;
        border:1px dashed #6593cf;
        z-index:10001;
@@ -222,4 +222,4 @@ refer to http://www.clipperz.com.
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor:default;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/qtips.css b/frontend/beta/css/yui-extensions/qtips.css
index 34d3323..d4af0a2 100644
--- a/frontend/beta/css/yui-extensions/qtips.css
+++ b/frontend/beta/css/yui-extensions/qtips.css
@@ -30,13 +30,13 @@ refer to http://www.clipperz.com.
        z-index: 11000;
 }
 .ytip .ytip-bd{
-        background: #e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;
+        background: #e0e8f3 url(./images/default/qtip/bg.gif) repeat-x;
        border: 1px solid #a3bad9;
        font: normal 11px arial,helvetica,sans-serif;
        padding: 5px;
 }
 .ytip .ytip-close{
-        background-image: url(../images/default/basic-dialog/close.gif);
+        background-image: url(./images/default/basic-dialog/close.gif);
        height: 15px;
        position: absolute;
        right: 3px;
@@ -44,7 +44,7 @@ refer to http://www.clipperz.com.
        width: 15px;
 }
 .ytip .ytip-hd {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
        background-color: navy;
        color: #FFF;
        display: block;
@@ -52,16 +52,16 @@ refer to http://www.clipperz.com.
        padding: 4px;
 }
 .ytip .ytip-hd-left {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
        display: block;
        margin: 0px;
        padding-left: 3px;
 }
 .ytip .ytip-hd-right {
-        background: url(../images/default/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/default/basic-dialog/hd-sprite.gif) no-repeat right 0px;
        display: block;
        padding-right: 3px;
 }
 y\:qtip, qtip{
        display: none;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/resizable.css b/frontend/beta/css/yui-extensions/resizable.css
index 51d91ac..61b826b 100644
--- a/frontend/beta/css/yui-extensions/resizable.css
+++ b/frontend/beta/css/yui-extensions/resizable.css
@@ -102,35 +102,35 @@ refer to http://www.clipperz.com.
         opacity:1;
 }
 .yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-east{
-    background:url(../images/default/sizer/e-handle.gif);
+    background:url(./images/default/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-west, .yresizable-pinned .yresizable-handle-west{
-    background:url(../images/default/sizer/e-handle.gif);
+    background:url(./images/default/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-south{
-    background:url(../images/default/sizer/s-handle.gif);
+    background:url(./images/default/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-north, .yresizable-pinned .yresizable-handle-north{
-    background:url(../images/default/sizer/s-handle.gif);
+    background:url(./images/default/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-southeast, .yresizable-pinned .yresizable-handle-southeast{
-    background:url(../images/default/sizer/corners-sprite.gif);
+    background:url(./images/default/sizer/corners-sprite.gif);
    background-position: top left;
 }
 .yresizable-over .yresizable-handle-northwest, .yresizable-pinned .yresizable-handle-northwest{
-    background:url(../images/default/sizer/corners-sprite.gif);
+    background:url(./images/default/sizer/corners-sprite.gif);
    background-position:bottom right;
 }
 .yresizable-over .yresizable-handle-northeast, .yresizable-pinned .yresizable-handle-northeast{
-    background:url(../images/default/sizer/corners-sprite.gif);
+    background:url(./images/default/sizer/corners-sprite.gif);
    background-position: bottom left;
 }
 .yresizable-over .yresizable-handle-southwest, .yresizable-pinned .yresizable-handle-southwest{
-    background:url(../images/default/sizer/corners-sprite.gif);
+    background:url(./images/default/sizer/corners-sprite.gif);
    background-position: top right;
 }
 .yresizable-proxy{
diff --git a/frontend/beta/css/yui-extensions/tabs.css b/frontend/beta/css/yui-extensions/tabs.css
index 6fd0f89..025214a 100644
--- a/frontend/beta/css/yui-extensions/tabs.css
+++ b/frontend/beta/css/yui-extensions/tabs.css
@@ -68,16 +68,16 @@ refer to http://www.clipperz.com.
 }
 .ytab-strip .on .ytab-right {
-         background: url(../images/default/tabs/tab-sprite.gif) no-repeat right 0;
+         background: url(./images/default/tabs/tab-sprite.gif) no-repeat right 0;
 }
 .ytab-strip .on .ytab-left {
-         background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;
+         background: url(./images/default/tabs/tab-sprite.gif) no-repeat 0 -100px;
 }
 .ytab-strip .ytab-right {
-         background: url(../images/default/tabs/tab-sprite.gif) no-repeat right -50px;
+         background: url(./images/default/tabs/tab-sprite.gif) no-repeat right -50px;
 }
 .ytab-strip .ytab-left {
-         background: url(../images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;
+         background: url(./images/default/tabs/tab-sprite.gif) no-repeat 0 -150px;
 }
 .ytab-strip  a {
@@ -98,7 +98,7 @@ refer to http://www.clipperz.com.
 .ytab-strip .ytab-closable .close-icon{
        line-height: 1px;
        font-size:1px;
-  background-image:url(../images/default/layout/layout-sprite.gif);
+  background-image:url(./images/default/layout/layout-sprite.gif);
  background-repeat: no-repeat;
  background-position: 50% -60px;
        display:block;
@@ -108,12 +108,12 @@ refer to http://www.clipperz.com.
        cursor:pointer;
 }
 .ytab-strip .on .close-icon{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -60px;
 }
 .ytab-strip .ytab-closable .close-over{
-    background-image:url(../images/default/layout/layout-sprite.gif);
+    background-image:url(./images/default/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -72px;
 }
@@ -125,16 +125,16 @@ refer to http://www.clipperz.com.
        padding-bottom:2px;
 }
 .ytabs-bottom .ytab-strip .ytab-right {
-         background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
+         background: url(./images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .ytab-left {
-         background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
+         background: url(./images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .ytab-strip .on .ytab-right {
-         background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
+         background: url(./images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .on .ytab-left {
-         background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
+         background: url(./images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .ytab-strip  a {
        position:relative;
diff --git a/frontend/beta/css/yui-extensions/toolbar.css b/frontend/beta/css/yui-extensions/toolbar.css
index dea6754..198b47c 100644
--- a/frontend/beta/css/yui-extensions/toolbar.css
+++ b/frontend/beta/css/yui-extensions/toolbar.css
@@ -32,7 +32,7 @@ refer to http://www.clipperz.com.
 .mso .ytoolbar, .ygrid-mso .ytoolbar{
        border: 0px none;
-        background: url(../images/default/grid/mso-hd.gif);
+        background: url(./images/default/grid/mso-hd.gif);
 }
 .ytoolbar td,.ytoolbar span,.ytoolbar input,.ytoolbar div{
        white-space: nowrap;
@@ -89,12 +89,12 @@ refer to http://www.clipperz.com.
        display:block;
 }
 .ytoolbar .ytb-button-over{
-   background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
+   background:#c3d3ed url(./images/default/toolbar/btn-over-bg.gif) repeat-x;
        border:1px solid #6593cf;
        padding:1px 2px;
 }
 .ytoolbar .ytb-sep {
-        background-image: url(../images/default/grid/grid-split.gif);
+        background-image: url(./images/default/grid/grid-split.gif);
        background-position: center;
        background-repeat: no-repeat;
        display: block;
@@ -107,6 +107,6 @@ refer to http://www.clipperz.com.
        border:0px;
 }
 .mso .ytoolbar .ytb-sep, .ygrid-mso .ytoolbar .ytb-sep{
-        background-image: url(../images/default/grid/grid-blue-split.gif);
+        background-image: url(./images/default/grid/grid-blue-split.gif);
 }
diff --git a/frontend/beta/css/yui-extensions/tree.css b/frontend/beta/css/yui-extensions/tree.css
index 992909d..4b448e8 100644
--- a/frontend/beta/css/yui-extensions/tree.css
+++ b/frontend/beta/css/yui-extensions/tree.css
@@ -43,18 +43,18 @@ refer to http://www.clipperz.com.
 /* some default icons for leaf/folder */
 .ytree-node-collapsed .ytree-node-icon{
-        background:transparent url(../images/default/tree/folder.gif);
+        background:transparent url(./images/default/tree/folder.gif);
 }
 .ytree-node-expanded .ytree-node-icon{
-        background:transparent url(../images/default/tree/folder-open.gif);
+        background:transparent url(./images/default/tree/folder-open.gif);
 }
 .ytree-node-leaf .ytree-node-icon{
-        background:transparent url(../images/default/tree/leaf.gif);
+        background:transparent url(./images/default/tree/leaf.gif);
 }
 /* loading icon */
 .ytree-node-loading .ytree-node-icon{
-        background:transparent url(../images/default/tree/loading.gif) !important;
+        background:transparent url(./images/default/tree/loading.gif) !important;
 }
 .ytree-node-loading a span{
         font-style: italic;
@@ -63,25 +63,25 @@ refer to http://www.clipperz.com.
 /* Line styles */
 .ytree-lines .ytree-elbow{
-        background:transparent url(../images/default/tree/elbow.gif);
+        background:transparent url(./images/default/tree/elbow.gif);
 }
 .ytree-lines .ytree-elbow-plus{
-        background:transparent url(../images/default/tree/elbow-plus.gif);
+        background:transparent url(./images/default/tree/elbow-plus.gif);
 }
 .ytree-lines .ytree-elbow-minus{
-        background:transparent url(../images/default/tree/elbow-minus.gif);
+        background:transparent url(./images/default/tree/elbow-minus.gif);
 }
 .ytree-lines .ytree-elbow-end{
-        background:transparent url(../images/default/tree/elbow-end.gif);
+        background:transparent url(./images/default/tree/elbow-end.gif);
 }
 .ytree-lines .ytree-elbow-end-plus{
-        background:transparent url(../images/default/tree/elbow-end-plus.gif);
+        background:transparent url(./images/default/tree/elbow-end-plus.gif);
 }
 .ytree-lines .ytree-elbow-end-minus{
-        background:transparent url(../images/default/tree/elbow-end-minus.gif);
+        background:transparent url(./images/default/tree/elbow-end-minus.gif);
 }
 .ytree-lines .ytree-elbow-line{
-        background:transparent url(../images/default/tree/elbow-line.gif);
+        background:transparent url(./images/default/tree/elbow-line.gif);
 }
 /* No line styles */
@@ -89,19 +89,19 @@ refer to http://www.clipperz.com.
        background:transparent;
 }
 .ytree-no-lines .ytree-elbow-plus{
-        background:transparent url(../images/default/tree/elbow-plus-nl.gif);
+        background:transparent url(./images/default/tree/elbow-plus-nl.gif);
 }
 .ytree-no-lines .ytree-elbow-minus{
-        background:transparent url(../images/default/tree/elbow-minus-nl.gif);
+        background:transparent url(./images/default/tree/elbow-minus-nl.gif);
 }
 .ytree-no-lines .ytree-elbow-end{
        background:transparent;
 }
 .ytree-no-lines .ytree-elbow-end-plus{
-        background:transparent url(../images/default/tree/elbow-end-plus-nl.gif);
+        background:transparent url(./images/default/tree/elbow-end-plus-nl.gif);
 }
 .ytree-no-lines .ytree-elbow-end-minus{
-        background:transparent url(../images/default/tree/elbow-end-minus-nl.gif);
+        background:transparent url(./images/default/tree/elbow-end-minus-nl.gif);
 }
 .ytree-no-lines .ytree-elbow-line{
        background:transparent;
@@ -171,20 +171,20 @@ refer to http://www.clipperz.com.
        display:none !important;
 }
 .ytree-drop-ok-append .ydd-drop-icon{
-  background-image: url(../images/default/tree/drop-add.gif);
+  background-image: url(./images/default/tree/drop-add.gif);
 }
 .ytree-drop-ok-above .ydd-drop-icon{
-  background-image: url(../images/default/tree/drop-over.gif);
+  background-image: url(./images/default/tree/drop-over.gif);
 }
 .ytree-drop-ok-below .ydd-drop-icon{
-  background-image: url(../images/default/tree/drop-under.gif);
+  background-image: url(./images/default/tree/drop-under.gif);
 }
 .ytree-drop-ok-between .ydd-drop-icon{
-  background-image: url(../images/default/tree/drop-between.gif);
+  background-image: url(./images/default/tree/drop-between.gif);
 }
 .ylayer-shadow{
        background:#cccccc;
   opacity:.3;
   -moz-opacity:.3;
   filter: alpha(opacity=30);
-}
+}
diff --git a/frontend/beta/css/yui-extensions/ytheme-aero.css b/frontend/beta/css/yui-extensions/ytheme-aero.css
index b599de0..a3087b0 100644
--- a/frontend/beta/css/yui-extensions/ytheme-aero.css
+++ b/frontend/beta/css/yui-extensions/ytheme-aero.css
@@ -34,7 +34,7 @@ refer to http://www.clipperz.com.
 }
 .ytab-strip-wrap{
        padding-top:1px;
-        background:#cedff5 url(../images/aero/tabs/tab-strip-bg.gif) repeat-x bottom;
+        background:#cedff5 url(./images/aero/tabs/tab-strip-bg.gif) repeat-x bottom;
        border-bottom:1px solid #8db2e3;
 }
 .ytab-strip .ytab-text {
@@ -46,16 +46,16 @@ refer to http://www.clipperz.com.
        color:#15428b;
 }
 .ytabs-top .ytab-strip .on .ytab-right {
-         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0px;
+         background: url(./images/aero/tabs/tab-sprite.gif) no-repeat right 0px;
 }
 .ytabs-top .ytab-strip .on .ytab-left,.ytabs-top .ytab-strip .on a:hover .ytab-left{
-         background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0px -100px;
+         background: url(./images/aero/tabs/tab-sprite.gif) no-repeat 0px -100px;
 }
 .ytabs-top .ytab-strip .ytab-right {
-         background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px;
+         background:transparent url(./images/aero/tabs/tab-sprite.gif) no-repeat right -50px;
 }
 .ytabs-top .ytab-strip .ytab-left {
-        background:transparent url(../images/aero/tabs/tab-sprite.gif) no-repeat 0px -150px;
+        background:transparent url(./images/aero/tabs/tab-sprite.gif) no-repeat 0px -150px;
 }
 .ytabs-top .yui-ext-tabbody {
        border:1px solid #8db2e3;
@@ -70,21 +70,21 @@ refer to http://www.clipperz.com.
 .ytabs-bottom .ytab-strip-wrap{
        padding-top:0px;
        padding-bottom:1px;
-        background:#cedff5 url(../images/aero/tabs/tab-strip-btm-bg.gif) repeat-x top;
+        background:#cedff5 url(./images/aero/tabs/tab-strip-btm-bg.gif) repeat-x top;
        border-top:1px solid #8db2e3;
        border-bottom:0px none;
 }
 .ytabs-bottom .ytab-strip .ytab-right {
-        background:transparent url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
+        background:transparent url(./images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .ytab-strip .ytab-left {
-        background:transparent url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
+        background:transparent url(./images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .on .ytab-right,.ytabs-bottom .ytab-strip .on a:hover {
-         background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
+         background: url(./images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .on .ytab-left,.ytabs-bottom .ytab-strip .on a:hover .ytab-left {
-         background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
+         background: url(./images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .yui-ext-tabbody {
        border:1px solid #8db2e3;
@@ -107,7 +107,7 @@ refer to http://www.clipperz.com.
        background:transparent;
 }
 .ydlg .ydlg-hd {
-        background: url(../images/aero/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/aero/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
        background-color:#aabaca;
        color:#15428b;
        zoom:1;
@@ -115,7 +115,7 @@ refer to http://www.clipperz.com.
 }
 .ydlg .ydlg-hd-left {
        opacity:.85;-moz-opacity:.85;filter:alpha(opacity=80);
-        background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/aero/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
        zoom:1;
 }
 .ydlg-modal .ydlg-hd-left {
@@ -123,7 +123,7 @@ refer to http://www.clipperz.com.
 }
 .ydlg .ydlg-hd-right {
-        background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0px;
        zoom:1;
 }
 .ydlg .ydlg-dlg-body{
@@ -154,17 +154,17 @@ refer to http://www.clipperz.com.
 }
 .ydlg .ydlg-bg-center {
        padding: 2px 7px 7px 7px;
-        background:transparent url(../images/aero/basic-dialog/bg-center.gif) repeat-x bottom;
+        background:transparent url(./images/aero/basic-dialog/bg-center.gif) repeat-x bottom;
        zoom:1;
 }
 .ydlg .ydlg-bg-left{
        padding-left:7px;
-        background:transparent url(../images/aero/basic-dialog/bg-left.gif) no-repeat bottom left;
+        background:transparent url(./images/aero/basic-dialog/bg-left.gif) no-repeat bottom left;
        zoom:1;
 }
 .ydlg .ydlg-bg-right{
        padding-right:7px;
-        background:transparent url(../images/aero/basic-dialog/bg-right.gif) no-repeat bottom right;
+        background:transparent url(./images/aero/basic-dialog/bg-right.gif) no-repeat bottom right;
        zoom:1;
 }
 .ydlg-auto-tabs .ydlg-dlg-body, .ydlg-auto-layout .ydlg-dlg-body{
@@ -187,26 +187,26 @@ refer to http://www.clipperz.com.
        top:5px;
        right:5px;
        opacity:.85;-moz-opacity:.85;filter:alpha(opacity=80);
-        background-image:url(../images/aero/basic-dialog/aero-close.gif);
+        background-image:url(./images/aero/basic-dialog/aero-close.gif);
        zoom:1;
 }
 .ydlg .ydlg-close-over {
-        background-image:url(../images/aero/basic-dialog/aero-close-over.gif);
+        background-image:url(./images/aero/basic-dialog/aero-close-over.gif);
 }
 .ydlg div.yresizable-handle-east{
-        background-image:url(../images/aero/s.gif);
+        background-image:url(./images/aero/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-south{
-        background-image:url(../images/aero/s.gif);
+        background-image:url(./images/aero/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-west{
-        background-image:url(../images/aero/s.gif);
+        background-image:url(./images/aero/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-southeast{
-        background-image:url(../images/aero/basic-dialog/se-handle.gif);
+        background-image:url(./images/aero/basic-dialog/se-handle.gif);
        background-position: bottom right;
        width:9px;
        height:9px;
@@ -215,14 +215,14 @@ refer to http://www.clipperz.com.
        bottom:2px;
 }
 .ydlg div.yresizable-handle-southwest{
-        background-image:url(../images/aero/s.gif);
+        background-image:url(./images/aero/s.gif);
        background-position: top right;
        margin-left:1px;
        margin-bottom:1px;
        border:0px;
 }
 .ydlg div.yresizable-handle-north{
-        background-image:url(../images/aero/s.gif);
+        background-image:url(./images/aero/s.gif);
        border:0px none;
 }
@@ -252,7 +252,7 @@ refer to http://www.clipperz.com.
    background-color:#deecfd;
 }
 .ylayout-panel-hd{
-    background-image: url(../images/aero/layout/panel-title-light-bg.gif);
+    background-image: url(./images/aero/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #c0d7f4;
 }
 .ylayout-panel-hd-text {
@@ -293,7 +293,7 @@ refer to http://www.clipperz.com.
        border: 2px solid #99bbe8;
 }
 .ylayout-panel-proxy {
-        background-image: url(../images/aero/layout/gradient-bg.gif);
+        background-image: url(./images/aero/layout/gradient-bg.gif);
        background-color:#f3f2e7;
        border:1px dashed #99bbe8;
 }
@@ -323,10 +323,10 @@ refer to http://www.clipperz.com.
        border-bottom:0px;
 }
 .ygrid-hd-split {
-        background-image: url(../images/aero/grid/grid-split.gif);
+        background-image: url(./images/aero/grid/grid-split.gif);
 }
 .ygrid-hrow{
-        background: url(../images/aero/grid/grid-hrow.gif);
+        background: url(./images/aero/grid/grid-hrow.gif);
        height: 22px;
        border:0px none;
 }
@@ -354,5 +354,5 @@ refer to http://www.clipperz.com.
        border:1px solid #8db2e3;
 }
 .ytoolbar .ytb-sep{
-        background-image: url(../images/aero/grid/grid-blue-split.gif);
+        background-image: url(./images/aero/grid/grid-blue-split.gif);
-}
+}
diff --git a/frontend/beta/css/yui-extensions/ytheme-gray.css b/frontend/beta/css/yui-extensions/ytheme-gray.css
index d1a1a4a..22538e3 100644
--- a/frontend/beta/css/yui-extensions/ytheme-gray.css
+++ b/frontend/beta/css/yui-extensions/ytheme-gray.css
@@ -27,7 +27,7 @@ refer to http://www.clipperz.com.
 * Basic-Dialog 
 */
 .ydlg-proxy {
-        background-image: url(../images/gray/layout/gradient-bg.gif);
+        background-image: url(./images/gray/layout/gradient-bg.gif);
        background-color:#EAE8D5;
        border:1px solid #b3b6b0;
 }
@@ -35,17 +35,17 @@ refer to http://www.clipperz.com.
        background:#aaaaaa;
 }
 .ydlg-proxy .tabset{
-    background:url(../images/gray/layout/gradient-bg.gif);
+    background:url(./images/gray/layout/gradient-bg.gif);
 }
 .ydlg .ydlg-hd {
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
        background-color:#333333;
 }
 .ydlg .ydlg-hd-left {
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
 }
 .ydlg .ydlg-hd-right {
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
 }
 .ydlg .ydlg-dlg-body{
        background:#efefec;
@@ -64,36 +64,36 @@ refer to http://www.clipperz.com.
        border:0px none;
 }
 .ydlg .ydlg-close {
-        background-image:url(../images/gray/basic-dialog/close.gif);
+        background-image:url(./images/gray/basic-dialog/close.gif);
 }
 .ydlg div.yresizable-handle-east{
-        background-image:url(../images/gray/basic-dialog/e-handle.gif);
+        background-image:url(./images/gray/basic-dialog/e-handle.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-south{
-        background-image:url(../images/gray/basic-dialog/s-handle.gif);
+        background-image:url(./images/gray/basic-dialog/s-handle.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-west{
-        background-image:url(../images/gray/basic-dialog/e-handle.gif);
+        background-image:url(./images/gray/basic-dialog/e-handle.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-southeast{
-        background-image:url(../images/gray/basic-dialog/se-handle.gif);
+        background-image:url(./images/gray/basic-dialog/se-handle.gif);
        background-position: bottom right;
        width:8px;
        height:8px;
        border:0px;
 }
 .ydlg div.yresizable-handle-southwest{
-        background-image:url(../images/gray/sizer/sw-handle-dark.gif);
+        background-image:url(./images/gray/sizer/sw-handle-dark.gif);
        background-position: top right;
        margin-left:1px;
        margin-bottom:1px;
        border:0px;
 }
 .ydlg div.yresizable-handle-north{
-        background-image:url(../images/gray/s.gif);
+        background-image:url(./images/gray/s.gif);
        border:0px none;
 }
@@ -108,27 +108,27 @@ refer to http://www.clipperz.com.
        color:#333333;
 }
 .ytabs-top .ytab-strip .on .ytab-right {
-         background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right 0px;
+         background: url(./images/gray/tabs/tab-sprite.gif) no-repeat right 0px;
 }
 .ytabs-top .ytab-strip .on .ytab-left {
-         background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;
+         background: url(./images/gray/tabs/tab-sprite.gif) no-repeat 0px -100px;
 }
 .ytabs-top .ytab-strip .ytab-right {
-         background: url(../images/gray/tabs/tab-sprite.gif) no-repeat right -50px;
+         background: url(./images/gray/tabs/tab-sprite.gif) no-repeat right -50px;
 }
 .ytabs-top .ytab-strip .ytab-left {
-         background: url(../images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;
+         background: url(./images/gray/tabs/tab-sprite.gif) no-repeat 0px -150px;
 }
 .ytab-strip .ytab-closable .close-icon{
-        background-image:url(../images/gray/layout/layout-sprite.gif);
+        background-image:url(./images/gray/layout/layout-sprite.gif);
  background-position: 50% -60px;
 }
 .ytab-strip .on .close-icon{
-        background-image:url(../images/gray/layout/layout-sprite.gif);
+        background-image:url(./images/gray/layout/layout-sprite.gif);
  background-position: 50% -60px;
 }
 .ytab-strip .ytab-closable .close-over{
-        background-image:url(../images/gray/layout/layout-sprite.gif);
+        background-image:url(./images/gray/layout/layout-sprite.gif);
  background-position: 50% -72px;
 }
@@ -138,34 +138,34 @@ refer to http://www.clipperz.com.
        border-top:1px solid #aca899;
 }
 .ytabs-bottom .ytab-strip .ytab-right {
-         background: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
+         background: url(./images/gray/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .ytab-left {
-         background: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
+         background: url(./images/gray/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .ytab-strip .on .ytab-right {
-         background: url(../images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
+         background: url(./images/gray/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .on .ytab-left {
-         background: url(../images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
+         background: url(./images/gray/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 }
 /* QuickTips */
 .ytip .ytip-hd-right{
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat right 0px;
 }
 .ytip .ytip-hd-left{
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
 }
 .ytip .ytip-hd{
-        background: url(../images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/gray/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
 }
 .ytip .ytip-close{
-        background-image: url(../images/gray/basic-dialog/close.gif);
+        background-image: url(./images/gray/basic-dialog/close.gif);
 }
 .ytip .ytip-bd{
-        background: #e7e7e7 url(../images/gray/qtip/bg.gif);
+        background: #e7e7e7 url(./images/gray/qtip/bg.gif);
        border: 1px solid #ababab;
 }
@@ -191,45 +191,45 @@ refer to http://www.clipperz.com.
    background-color:#f3f2e7;
 }
 .ylayout-panel-hd{
-    background-image: url(../images/gray/layout/panel-title-light-bg.gif);
+    background-image: url(./images/gray/layout/panel-title-light-bg.gif);
    border-bottom:1px solid #aca899;
 }
 .ylayout-tools-button-over{
    border:1px solid #aca899;
 }
 .ylayout-close{
-    background-image:url(../images/gray/layout/layout-sprite.gif);
+    background-image:url(./images/gray/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -48px;
 }
 .ylayout-collapse-west,.ylayout-expand-east{
-    background-image:url(../images/gray/layout/layout-sprite.gif);
+    background-image:url(./images/gray/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
 }
 .ylayout-expand-west,.ylayout-collapse-east{
-    background-image:url(../images/gray/layout/layout-sprite.gif);
+    background-image:url(./images/gray/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -12px;
 }
 .ylayout-collapse-north,.ylayout-expand-south{
-    background-image:url(../images/gray/layout/layout-sprite.gif);
+    background-image:url(./images/gray/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -24px;
 }
 .ylayout-expand-north,.ylayout-collapse-south{
-    background-image:url(../images/gray/layout/layout-sprite.gif);
+    background-image:url(./images/gray/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -36px;
 }
 .ylayout-split-h{
-    background-image:url(../images/gray/sizer/e-handle-dark.gif);
+    background-image:url(./images/gray/sizer/e-handle-dark.gif);
 }
 .ylayout-split-v{
-    background-image:url(../images/gray/sizer/s-handle-dark.gif);
+    background-image:url(./images/gray/sizer/s-handle-dark.gif);
 }
 .ylayout-panel .ytab-wrap{
-    background:url(../images/gray/layout/gradient-bg.gif);
+    background:url(./images/gray/layout/gradient-bg.gif);
 }
 .ylayout-nested-layout .ylayout-panel-north {
          border-bottom:1px solid #aca899;
@@ -247,42 +247,42 @@ refer to http://www.clipperz.com.
        border: 2px solid #aca899;
 }
 .ylayout-panel-proxy {
-        background-image: url(../images/gray/layout/gradient-bg.gif);
+        background-image: url(./images/gray/layout/gradient-bg.gif);
        background-color:#f3f2e7;
        border:1px dashed #aca899;
 }
 /** Resizable */
 .yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-east{
-    background:url(../images/gray/sizer/e-handle.gif);
+    background:url(./images/gray/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-west{
-    background:url(../images/gray/sizer/e-handle.gif);
+    background:url(./images/gray/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-south{
-    background:url(../images/gray/sizer/s-handle.gif);
+    background:url(./images/gray/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-north{
-    background:url(../images/gray/sizer/s-handle.gif);
+    background:url(./images/gray/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-southeast, .yresizable-pinned .yresizable-handle-southeast{
-    background:url(../images/gray/sizer/se-handle.gif);
+    background:url(./images/gray/sizer/se-handle.gif);
    background-position: top left;
 }
 .yresizable-over .yresizable-handle-northwest,.yresizable-pinned .yresizable-handle-northwest{
-    background:url(../images/gray/sizer/nw-handle.gif);
+    background:url(./images/gray/sizer/nw-handle.gif);
    background-position:bottom right;
 }
 .yresizable-over .yresizable-handle-northeast,.yresizable-pinned .yresizable-handle-northeast{
-    background:url(../images/gray/sizer/ne-handle.gif);
+    background:url(./images/gray/sizer/ne-handle.gif);
    background-position: bottom left;
 }
 .yresizable-over .yresizable-handle-southwest,.yresizable-pinned .yresizable-handle-southwest{
-    background:url(../images/gray/sizer/sw-handle.gif);
+    background:url(./images/gray/sizer/sw-handle.gif);
    background-position: top right;
 }
 .yresizable-proxy{
@@ -292,6 +292,6 @@ refer to http://www.clipperz.com.
 /** Toolbar */
 .ytoolbar{
        border:0px none;
-        background: #efefe3 url(../images/gray/toolbar/gray-bg.gif) repeat-x;
+        background: #efefe3 url(./images/gray/toolbar/gray-bg.gif) repeat-x;
        padding:3px;
-}
+}
diff --git a/frontend/beta/css/yui-extensions/ytheme-vista.css b/frontend/beta/css/yui-extensions/ytheme-vista.css
index 85bf82b..e0e520f 100644
--- a/frontend/beta/css/yui-extensions/ytheme-vista.css
+++ b/frontend/beta/css/yui-extensions/ytheme-vista.css
@@ -39,16 +39,16 @@ refer to http://www.clipperz.com.
        color:#333333;
 }
 .ytabs-top .ytab-strip a:hover {
-        background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat right -50px;
+        background:transparent url(./images/vista/tabs/tab-sprite.gif) no-repeat right -50px;
 }
 .ytabs-top .ytab-strip a:hover .ytab-left {
-        background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat 0 -150px;
+        background:transparent url(./images/vista/tabs/tab-sprite.gif) no-repeat 0 -150px;
 }
 .ytabs-top .ytab-strip .on .ytab-right, .ytabs-top .ytab-strip .on a:hover {
-         background: url(../images/vista/tabs/tab-sprite.gif) no-repeat right 0;
+         background: url(./images/vista/tabs/tab-sprite.gif) no-repeat right 0;
 }
 .ytabs-top .ytab-strip .on .ytab-left, .ytabs-top .ytab-strip .on a:hover .ytab-left {
-         background: url(../images/vista/tabs/tab-sprite.gif) no-repeat 0 -100px;
+         background: url(./images/vista/tabs/tab-sprite.gif) no-repeat 0 -100px;
 }
 .ytabs-top .ytab-strip .ytab-right {
         background:transparent;
@@ -57,15 +57,15 @@ refer to http://www.clipperz.com.
         background:transparent;
 }
 .ytab-strip .ytab-closable .close-icon{
-        background-image:url(../images/vista/layout/layout-sprite.gif);
+        background-image:url(./images/vista/layout/layout-sprite.gif);
  background-position: 50% -60px;
 }
 .ytab-strip .on .close-icon{
-        background-image:url(../images/vista/layout/layout-sprite.gif);
+        background-image:url(./images/vista/layout/layout-sprite.gif);
  background-position: 50% -72px;
 }
 .ytab-strip .ytab-closable .close-over{
-        background-image:url(../images/vista/layout/layout-sprite.gif);
+        background-image:url(./images/vista/layout/layout-sprite.gif);
  background-position: 50% -72px;
 }
@@ -73,10 +73,10 @@ refer to http://www.clipperz.com.
        background:#4f4f4f;
 }
 .ytabs-bottom .ytab-strip a:hover {
-        background:transparent url(../images/vista/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
+        background:transparent url(./images/vista/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
 }
 .ytabs-bottom .ytab-strip a:hover .ytab-left{
-        background:transparent url(../images/vista/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
+        background:transparent url(./images/vista/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-wrap {
        border-bottom:0px none;
@@ -90,10 +90,10 @@ refer to http://www.clipperz.com.
         background:transparent;
 }
 .ytabs-bottom .ytab-strip .on .ytab-right,.ytabs-bottom .ytab-strip .on a:hover {
-         background: url(../images/vista/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
+         background: url(./images/vista/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 }
 .ytabs-bottom .ytab-strip .on .ytab-left,.ytabs-bottom .ytab-strip .on a:hover .ytab-left {
-         background: url(../images/vista/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
+         background: url(./images/vista/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 }
 /** 
 * Basic-Dialog 
@@ -109,17 +109,17 @@ refer to http://www.clipperz.com.
   filter: alpha(opacity=30);
 }
 .ydlg .ydlg-hd {
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
        background-color:#333333;
        zoom:1;
 }
 .ydlg .ydlg-hd-left {
        opacity:.95;-moz-opacity:.95;filter:alpha(opacity=90);
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
        zoom:1;
 }
 .ydlg .ydlg-hd-right {
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0px;
        zoom:1;
 }
 .ydlg .ydlg-dlg-body{
@@ -150,17 +150,17 @@ refer to http://www.clipperz.com.
 }
 .ydlg .ydlg-bg-center {
        padding: 0px 4px 4px 4px;
-        background:transparent url(../images/vista/basic-dialog/bg-center.gif) repeat-x bottom;
+        background:transparent url(./images/vista/basic-dialog/bg-center.gif) repeat-x bottom;
        zoom:1;
 }
 .ydlg .ydlg-bg-left{
        padding-left:4px;
-        background:transparent url(../images/vista/basic-dialog/bg-left.gif) no-repeat bottom left;
+        background:transparent url(./images/vista/basic-dialog/bg-left.gif) no-repeat bottom left;
        zoom:1;
 }
 .ydlg .ydlg-bg-right{
        padding-right:4px;
-        background:transparent url(../images/vista/basic-dialog/bg-right.gif) no-repeat bottom right;
+        background:transparent url(./images/vista/basic-dialog/bg-right.gif) no-repeat bottom right;
        zoom:1;
 }
 .ydlg .ytabs-top .yui-ext-tabbody{
@@ -174,55 +174,55 @@ refer to http://www.clipperz.com.
        border:0px none;
 }
 .ydlg .ydlg-close {
-        background-image:url(../images/vista/basic-dialog/close.gif);
+        background-image:url(./images/vista/basic-dialog/close.gif);
 }
 .ydlg div.yresizable-handle-east{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-south{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-west{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        border:0px none;
 }
 .ydlg div.yresizable-handle-southeast{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        background-position: bottom right;
        width:8px;
        height:8px;
        border:0px;
 }
 .ydlg div.yresizable-handle-southwest{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        background-position: top right;
        margin-left:1px;
        margin-bottom:1px;
        border:0px;
 }
 .ydlg div.yresizable-handle-north{
-        background-image:url(../images/vista/s.gif);
+        background-image:url(./images/vista/s.gif);
        border:0px none;
 }
 /* QuickTips */
 .ytip .ytip-hd-right{
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0px;
 }
 .ytip .ytip-hd-left{
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
 }
 .ytip .ytip-hd{
-        background: url(../images/vista/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
+        background: url(./images/vista/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
 }
 .ytip .ytip-close{
-        background-image: url(../images/vista/basic-dialog/close.gif);
+        background-image: url(./images/vista/basic-dialog/close.gif);
 }
 .ytip .ytip-bd{
-        background: #e7e7e7 url(../images/vista/qtip/bg.gif);
+        background: #e7e7e7 url(./images/vista/qtip/bg.gif);
        border: 1px solid #ababab;
 }
@@ -247,7 +247,7 @@ refer to http://www.clipperz.com.
    background-color:#f3f2e7;
 }
 .ylayout-panel-hd{
-    background-image: url(../images/vista/layout/panel-title-bg.gif);
+    background-image: url(./images/vista/layout/panel-title-bg.gif);
    border-bottom:1px solid #b5bac1;
 }
 .ylayout-panel-hd-text{
@@ -255,30 +255,30 @@ refer to http://www.clipperz.com.
 }
 .ylayout-tools-button-over{
    border:1px solid #4c535c;
-         background:#9f9f9f url(../images/vista/layout/panel-title-bg.gif) repeat-x;
+         background:#9f9f9f url(./images/vista/layout/panel-title-bg.gif) repeat-x;
 }
 .ylayout-close{
-    background-image:url(../images/vista/layout/layout-sprite.gif);
+    background-image:url(./images/vista/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -60px;
 }
 .ylayout-collapse-west,.ylayout-expand-east{
-    background-image:url(../images/vista/layout/layout-sprite.gif);
+    background-image:url(./images/vista/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
 }
 .ylayout-expand-west,.ylayout-collapse-east{
-    background-image:url(../images/vista/layout/layout-sprite.gif);
+    background-image:url(./images/vista/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -12px;
 }
 .ylayout-collapse-north,.ylayout-expand-south{
-    background-image:url(../images/vista/layout/layout-sprite.gif);
+    background-image:url(./images/vista/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -24px;
 }
 .ylayout-expand-north,.ylayout-collapse-south{
-    background-image:url(../images/vista/layout/layout-sprite.gif);
+    background-image:url(./images/vista/layout/layout-sprite.gif);
    background-repeat: no-repeat;
    background-position: 50% -36px;
 }
@@ -307,42 +307,42 @@ refer to http://www.clipperz.com.
        border: 2px solid #4c535c;
 }
 .ylayout-panel-proxy {
-        background-image: url(../images/vista/layout/gradient-bg.gif);
+        background-image: url(./images/vista/layout/gradient-bg.gif);
        background-color:#f3f2e7;
        border:1px dashed #4c535c;
 }
 /** Resizable */
 .yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-east{
-    background:url(../images/vista/sizer/e-handle.gif);
+    background:url(./images/vista/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-east, .yresizable-pinned .yresizable-handle-west{
-    background:url(../images/vista/sizer/e-handle.gif);
+    background:url(./images/vista/sizer/e-handle.gif);
         background-position: left;
 }
 .yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-south{
-    background:url(../images/vista/sizer/s-handle.gif);
+    background:url(./images/vista/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-south, .yresizable-pinned .yresizable-handle-north{
-    background:url(../images/vista/sizer/s-handle.gif);
+    background:url(./images/vista/sizer/s-handle.gif);
    background-position: top;
 }
 .yresizable-over .yresizable-handle-southeast, .yresizable-pinned .yresizable-handle-southeast{
-    background:url(../images/vista/sizer/se-handle.gif);
+    background:url(./images/vista/sizer/se-handle.gif);
    background-position: top left;
 }
 .yresizable-over .yresizable-handle-northwest,.yresizable-pinned .yresizable-handle-northwest{
-    background:url(../images/vista/sizer/nw-handle.gif);
+    background:url(./images/vista/sizer/nw-handle.gif);
    background-position:bottom right;
 }
 .yresizable-over .yresizable-handle-northeast,.yresizable-pinned .yresizable-handle-northeast{
-    background:url(../images/vista/sizer/ne-handle.gif);
+    background:url(./images/vista/sizer/ne-handle.gif);
    background-position: bottom left;
 }
 .yresizable-over .yresizable-handle-southwest,.yresizable-pinned .yresizable-handle-southwest{
-    background:url(../images/vista/sizer/sw-handle.gif);
+    background:url(./images/vista/sizer/sw-handle.gif);
    background-position: top right;
 }
 .yresizable-proxy{
@@ -352,14 +352,14 @@ refer to http://www.clipperz.com.
 /** Toolbar */
 .ytoolbar{
        border:0px none;
-        background: #efefe3 url(../images/vista/toolbar/gray-bg.gif) repeat-x;
+        background: #efefe3 url(./images/vista/toolbar/gray-bg.gif) repeat-x;
        padding:3px;
 }
 .ytoolbar .ytb-button-over{
        border:1px solid transparent;
        border-bottom:1px solid #bbbbbb;
        border-top:1px solid #eeeeee;
-        background:#9f9f9f url(../images/vista/grid/grid-vista-hd.gif) repeat-x;
+        background:#9f9f9f url(./images/vista/grid/grid-vista-hd.gif) repeat-x;
 }
 /* grid */
 .ygrid-hd{
@@ -377,10 +377,10 @@ refer to http://www.clipperz.com.
        border-bottom:0px;
 }
 .ygrid-hd-split {
-        background-image: url(../images/vista/grid/grid-split.gif);
+        background-image: url(./images/vista/grid/grid-split.gif);
 }
 .ygrid-hrow{
-        background: url(../images/vista/grid/grid-vista-hd.gif);
+        background: url(./images/vista/grid/grid-vista-hd.gif);
        height: 21px;
 }
 .ygrid-row-alt{
@@ -396,5 +396,5 @@ refer to http://www.clipperz.com.
 .ygrid-wrap-body {
 }
 .ytoolbar .ytb-sep{
-        background-image: url(../images/vista/grid/grid-split.gif);
+        background-image: url(./images/vista/grid/grid-split.gif);
-}
+}