1 files changed, 29 insertions, 34 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index b1cef33c..41695cae 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -2,76 +2,73 @@
 /*******************************************************************
  * Dialog wide styles
  */
-#gOrganize {
+#g-organize {
+  height: 100%;
   overflow: hidden;
 }
 
-#gOrganize #bd {
+#g-organize #bd {
   height: 100%;
 }
 
-#gOrganize .yui-u {
-  width: 75%;
+#g-organize #g-organize-detail {
+  width: auto;
 }
 
-#gOrganize .yui-gf .first {
+#g-organize #g-organize-tree-container {
+  height: 100%;
   width: 25%;
 }
 
-#gMessage {
+#g-organize #g-action-status {
   margin-bottom: .4em;
   width: 75%;
   white-space: nowrap;
 }
 
-#gOrganizeDetail {
+#g-organize-detail {
   height: 100%;
 }
 
-#gMessage .gInfo {
-  font-weight: bold;
-  padding-left: 2em;
-}
-
 /*******************************************************************
  * Album Tree styles
  */
-#gOrganizeTreeContainer {
+#g-organize-tree-container {
   height: 100%;
   overflow: auto;
   margin: 0 !important;
   padding: 0 !important;
 }
 
-#gOrganizeAlbumTree .selected {
+#g-organize-album-tree .g-selected {
   background-color: #cfdeff;
   border-bottom: 1px solid #999;
-  margin-right: 0px;
+  margin-right: 0;
 }
 
-#gOrganizeAlbumTree ul li {
+#g-organize-album-tree ul li {
   padding-left: 1.2em;
 }
 
-.gOrganizeAlbum span {
+.g-organize-album span {
   cursor: pointer;
 }
 
-.gOrganizeAlbumText {
+.g-organize-album-text {
   cursor: pointer;
   width: auto;
   margin: 2px 0px 1px 2px;
   display: block;
 }
 
-.gOrganizeAlbumText:hover {
+.g-organize-album-text:hover {
   background: #eee;
 }
 
 /*******************************************************************
  * Album panel styles
  */
-#gOrganizeMicroThumbPanel {
+#g-organize-microthumb-panel {
   margin: 0 !important;
   padding: 0 !important;
   background-color: #cfdeff;
@@ -82,28 +79,27 @@
   overflow-y: auto;
 }
 
-#gOrganizeMicroThumbGrid {
+#g-organize-microthumb-grid {
   padding: 1em;
 }
 
-.gOrganizeMicroThumbGridCell {
-  float: left;
-  font-size: 0.8em;
+.g-organize-microthumb-grid-cell {
+  font-size: .8em;
   padding: .5em !important;
   border-left: 1px hidden #13A;
   border-right: 1px hidden #13A;
   margin: 4px;
 }
 
-.gOrganizeMicroThumb {
+.g-organize-microthumb {
   display: block;
   height: 9em;
   text-align: center;
   width: 9em;
 }
 
-.gOrganizeMicroThumbGridCell.ui-selecting,
-.gOrganizeMicroThumbGridCell.ui-selected {
+.g-organize-microthumb-grid-cell.ui-selecting,
+.g-organize-microthumb-grid-cell.ui-selected {
   margin: 2px;
   border: 2px solid #13A;
 }
@@ -115,15 +111,15 @@
   background: #13A;
 }
 
-.gThumbnail {
+.g-thumbnail {
   padding: .5em;
 }
 
-#gOrganizeMicroThumbGrid .gAlbum {
+#g-organize-microthumb-grid .g-album {
   background-color: #e8e8e8;
 }
 
-.gOrganizeMicroThumbGridCell:hover {
+.g-organize-microthumb-grid-cell:hover {
   margin: 2px;
   border: 2px solid #13A;
 }
@@ -131,18 +127,17 @@
 /****************************************************************
  * Controls styles
  */
-#gOrganizeControls {
+#g-organize-controls {
   padding-left: 8px;
   background-color: #13A;
   color: #ccc;
   width: 100% !important;
 }
 
-#gOrganizeControls select {
+#g-organize-controls select {
   display: inline;
 }
 
-#gOrganizeClose {
-  float: right;
+#g-organize-close {
   margin-right: 12px;
 }