sproutcore 0.9.1 → 0.9.2

data/frameworks/sproutcore/drag/drag_data_source.js

@@ -1,30 +1,38 @@
 // ========================================================================
 // SproutCore
-// copyright 2006-2007 Sprout Systems, Inc.
+// copyright 2006-2008 Sprout Systems, Inc.
 // ========================================================================
 
 require('drag/drag') ;
 
 
-// This mixin can be used to implement a dynamic data source for a drag 
-// operation.  You can return a set of allowed data types and then the 
-// method will be used to actually get data in that format when requested.
+/**
+  @namespace
+
+  This mixin can be used to implement a dynamic data source for a drag 
+  operation.  You can return a set of allowed data types and then the 
+  method will be used to actually get data in that format when requested.
+*/
 SC.DragDataSource = {
 
-  // Implement this property as an array of data types you want to support
-  // for drag operations.
+  /**
+    Implement this property as an array of data types you want to support
+    for drag operations.
+  */
   dragDataTypes: [],
 
-  // Implement this method to return the data in the format passed.  Return
-  // null if the requested data type cannot be generated.
-  //
-  //  dataType:
-  //    The proposed dataType to return.  This will always be one of the
-  //    data types declared in dragDataTypes.
-  //
-  //  drag:
-  //    The Drag instance managing this drag.
-  //
+  /**
+    Implement this method to return the data in the format passed.  Return
+    null if the requested data type cannot be generated.
+  
+    @param {Object} dataType The proposed dataType to return.  This will 
+      always be one of the data types declared in dragDataTypes.
+    
+    @param {SC.Drag} drag The Drag instance managing this drag.
+    
+    @returns The data object for the specified type
+  
+  */
   dragDataForType: function(dataType, drag) { return null; }
   
 };

data/frameworks/sproutcore/drag/drag_source.js

@@ -1,63 +1,74 @@
 // ========================================================================
 // SproutCore
-// copyright 2006-2007 Sprout Systems, Inc.
+// copyright 2006-2008 Sprout Systems, Inc.
 // ========================================================================
 
 require('drag/drag') ;
 
-// The DataSource protocol is used to dynamically generate multiple types of
-// data from a single object.  You must implement this protocol if you want to
-// provide the data for a drag event.
+/**
+  @namespace
+
+  The DataSource protocol is used to dynamically generate multiple types of
+  data from a single object.  You must implement this protocol if you want to
+  provide the data for a drag event.
+
+*/
 SC.DragSource = {
 
-  // This method is called when the drag begins. You can use this to do any
-  // visual highlighting to indicate that the receive is the source of the 
-  // drag.
-  //
-  //  drag:
-  //    The Drag instance managing this drag.
-  //
-  //  atPoint:
-  //    The point in WINDOW coordinates where the drag began.  You can use
-  //    convertOffsetFromView() to convert this to local coordinates.
+  /**  
+  
+    This method is called when the drag begins. You can use this to do any
+    visual highlighting to indicate that the receive is the source of the 
+    drag.
+  
+    @param {SC.Drag} drag The Drag instance managing this drag.
+  
+    @param {Point} atPoint  The point in *window* coordinates where the drag 
+      began.  You can use convertOffsetFromView() to convert this to local 
+      coordinates.
+  */
   dragDidBegin: function(drag, atPoint) {},
   
-  // This method is called when the drag ended. You can use this to do any
-  // cleanup.  The operation is the actual operation performed on the drag.
-  //
-  //  drag:
-  //    The SC.Drag instance managing the drag.
-  //
-  //  endPoint:
-  //    The point in WINDOW coordinates where the drag ended. 
-  //
-  //  operation: SC.DRAG_COPY | SC.DRAG_MOVE | SC.DRAG_LINK | SC.DRAG_NONE
-  //    The drag operation that was performed.
-  //
+  /**  
+    This method is called when the drag ended. You can use this to do any
+    cleanup.  The operation is the actual operation performed on the drag.
+  
+    @param {SC.Drag} drag The drag instance managing the drag.
+  
+    @param {Point} endPoint The point in WINDOW coordinates where the drag 
+      ended. 
+  
+    @param {String} operation The drag operation that was performed. One of 
+      SC.DRAG_COPY, SC.DRAG_MOVE, SC.DRAG_LINK, or SC.DRAG_NONE.
+  
+  */
   dragDidEnd: function(drag, endPoint, operation) {},
   
-  // This method is called whenever the drag image is moved.  This is
-  // similar to the dragUpdated() method called on drop targets.
+  /**
+    This method is called whenever the drag image is moved.  This is
+    similar to the dragUpdated() method called on drop targets.
+  */
   dragDidMove: function(drag, newPoint) {},
   
-  // This method must be overridden for drag operations to be allowed. 
-  // Return a bitwise OR'd mask of the drag operations allowed on the
-  // specified target.  If you don't care about the target, just return a
-  // constant value.
-  //
-  //  dropTarget:
-  //    The proposed target of the drop.
-  //
-  //  drag:
-  //    The SC.Drag instance managing this drag.
-  //
+  /**
+    This method must be overridden for drag operations to be allowed. 
+    Return a bitwise OR'd mask of the drag operations allowed on the
+    specified target.  If you don't care about the target, just return a
+    constant value.
+  
+    @param dropTarget The proposed target of the drop.
+    @param drag The SC.Drag instance managing this drag.
+  
+  */
   dragSourceOperationMaskFor: function(dropTarget, drag) {
     return SC.DRAG_NONE ;
   },
   
-  // If this property is set to NO or is not implemented, then the user may
-  // modify the drag operation by changing the modifier keys they have 
-  // pressed.
+  /**
+    If this property is set to NO or is not implemented, then the user may
+    modify the drag operation by changing the modifier keys they have 
+    pressed.
+  */
   ignoreModifierKeysWhileDragging: NO
     
 } ;

data/frameworks/sproutcore/drag/drop_target.js

@@ -1,12 +1,12 @@
 // ========================================================================
 // SproutCore
-// copyright 2006-2007 Sprout Systems, Inc.
+// copyright 2006-2008 Sprout Systems, Inc.
 // ========================================================================
 
 require('drag/drag');
 
 /**
-  @namespace Interface for Drop Targets
+  @namespace
   
   Add the droppable mixin to your view to be able to accept drop events.  You
   should also override the methods below as needed to handle accepting of 

data/frameworks/sproutcore/english.lproj/buttons.css

@@ -1,17 +1,17 @@
-/* @override http://localhost:4020/static/sproutcore/en/_cache/buttons-1205222977.css */
+/* @override http://localhost:4020/static/sproutcore/en/_cache/buttons-1208588621.css */
 
 /* @group Button Core */
 
-a.button:active,
-a.button:focus {
+a.sc-button-view:active,
+a.sc-button-view:focus {
 	outline: none ;	
 }
 
-a.button {
+a.sc-button-view {
 	-moz-user-select: none;
 	-khtml-user-select: none;
 	user-select: none;
-	cursor: pointer;
+  cursor: default;
 	text-decoration: none ;
 	color: black ;
 	border: none ;
@@ -19,18 +19,17 @@ a.button {
 	margin: 0;
 }
 
-a.button img {
+a.sc-button-view img {
 	border: none ;
 }
 
 /* @end */
 
-/* @group regular - back */
+/* @group regular */
 
 /* @group basic */
 
-a.regular, 
-a.back {
+a.regular {
 	display: -moz-inline-box;
 	display: inline-block;
 	font-size: 13px;
@@ -40,177 +39,206 @@ a.back {
 	text-align: center;
 	margin-left: 2px;
 	margin-right: 2px ;
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -396px;
 }
 
-a.regular img,
-a.back img {
+a.regular img {
 	position: absolute ;
 	top: 3px;
 	left: 12px;	
 }
 
 a.regular span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -132px;
 	display: block ;
 	height: 22px;
 	position: relative ;
+	max-height: 22px;
 }
 
-a.back span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -264px;
-	display: block ;
-	height: 22px;
-	position: relative ;
-}
-
-a.back span.label,
 a.regular span.label {
- 	background: transparent static_url('images/buttons-sprite.png') repeat-x left top;
  	display: block ;
-	font-weight: bold;
 	text-align: center;
 	padding-top: 3px;
 	height: 19px;
 	margin-left: 20px;
+	text-shadow: #f0f0f0 0px 1px 0px;
 }
 
-a.regular.image span.label,
-a.back.image span.label {
+a.regular.image span.label {
 	padding-left: 12px;
 	margin-right: -2px;
 }
 
-a.back span.label {
-	margin-left:  24px;
-}
-
-
 /* @end */
 
-/* @group sel - def */
+/* @group disabled */
 
-a.regular.sel, 
-a.back.sel,
-a.regular.def, 
-a.back.def {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -440px;
+.sc-theme.blur a.regular,
+.sc-theme.focus a.regular.disabled {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -496px;
 }
 
-a.regular.sel span.button-inner, 
-a.regular.def span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -176px;
+.sc-theme.blur a.regular span.button-inner,
+.sc-theme.focus a.regular.disabled span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -450px;
 }
 
-a.back.sel span.button-inner,
-a.back.def span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -308px;
+.sc-theme.blur a.regular span.label, 
+.sc-theme.focus a.regular.disabled span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x 0 -473px;
+	color: #999;
+	text-shadow: none ;
 }
 
-a.regular.sel span.label, 
-a.back.sel span.label,
-a.regular.def span.label, 
-a.back.def span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -44px;
+
+.sc-theme.blur a.regular.sel, 
+.sc-theme.blur a.regular.def, 
+
+.sc-theme.focus a.regular.sel.disabled, 
+.sc-theme.focus a.regular.def.disabled {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -289px;
 }
 
-/* @end */
+.sc-theme.blur a.regular.sel span.button-inner,
+.sc-theme.blur a.regular.def span.button-inner,
 
-/* @group disabled */
+.sc-theme.focus a.regular.sel.disabled span.button-inner,
+.sc-theme.focus a.regular.def.disabled span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -243px;
+}
+
+.sc-theme.blur a.regular.def span.label, 
+.sc-theme.blur a.regular.sel span.label, 
 
-a.regular.disabled, 
-a.back.disabled {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -484px;
+.sc-theme.focus a.regular.def.disabled span.label, 
+.sc-theme.focus a.regular.sel.disabled span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x 0 -266px;
+	color: #999;
+	text-shadow: none ;
 }
 
-a.regular.disabled span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -220px;
+/* @end */
+
+/* @group enabled */
+
+.sc-theme a.regular {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat right -358px;
 }
 
-a.back.disabled span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -352px;
+.sc-theme a.regular span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -312px;
 }
 
-a.regular.disabled span.label, 
-a.back.disabled span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -88px;
-	color: #999;
+.sc-theme a.regular span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x left -335px;
 }
 
+/* @end */
 
-a.regular.sel.disabled, 
-a.back.sel.disabled,
-a.regular.def.disabled, 
-a.back.def.disabled {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -506px;
-}
+/* @group sel - def */
 
-a.regular.sel.disabled span.button-inner,
-a.regular.def.disabled span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -242px;
+.sc-theme a.regular.sel, 
+.sc-theme a.regular.def {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -151px;
 }
 
-a.back.sel.disabled span.button-inner,
-a.back.def.disabled span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -374px;
+.sc-theme a.regular.sel span.button-inner, 
+.sc-theme a.regular.def span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -105px;
 }
 
-a.regular.def.disabled span.label, 
-a.back.def.disabled span.label,
-a.regular.sel.disabled span.label, 
-a.back.sel.disabled span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -110px;
-	color: #999;
+.sc-theme a.regular.sel span.label, 
+.sc-theme a.regular.def span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x 0 -128px;
+	text-shadow: #dabec6 0px 1px 0px;
 }
 
 /* @end */
 
 /* @group sel.active - def.active */
 
-a.regular.sel.active, 
-a.back.sel.active,
-a.regular.def.active, 
-a.back.def.active {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -462px;
+.sc-theme a.regular.sel.active, 
+.sc-theme a.regular.def.active {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -220px;
 }
 
-a.regular.sel.active span.button-inner, 
-a.regular.def.active span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -198px;
+.sc-theme a.regular.sel.active span.button-inner, 
+.sc-theme a.regular.def.active span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -174px;
 }
 
-a.back.sel.active span.button-inner,
-a.back.def.active span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -330px;
-}
-
-a.regular.sel.active span.label, 
-a.back.sel.active span.label,
-a.regular.def.active span.label, 
-a.back.def.active span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -66px;
+.sc-theme a.regular.sel.active span.label, 
+.sc-theme a.regular.def.active span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x 0 -197px;
+	text-shadow: #b884a4 0px 1px 0px;
 }
 
 /* @end */
 
 /* @group active */
 
-a.regular.active, 
-a.back.active {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -418px;
+.sc-theme a.regular.active {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -427px;
+}
+
+.sc-theme a.regular.active span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -381px;
 }
 
-a.regular.active span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -154px;
+.sc-theme a.regular.active span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x 0 -404px;
+	text-shadow: #b8b8b8 0px 1px 0px;
 }
 
-a.back.active span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -286px;
+/* @end */
+
+/* @group square theme */
+
+.sc-theme .sc-square-theme a.regular,
+.sc-theme .sc-square-theme a.regular.def {
+ 	background: transparent static_url('images/sc-theme-sprite.png') no-repeat right -1150px;
+} 
+
+.sc-theme .sc-square-theme a.regular span.button-inner,
+.sc-theme .sc-square-theme a.regular.def span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat left -1104px; 
+} 
+
+.sc-theme .sc-square-theme a.regular span.label,
+.sc-theme .sc-square-theme a.regular.def span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x 0px -1127px;
+	text-shadow: #dabec6 0px 1px 0px;
 }
 
-a.regular.active span.label, 
-a.back.active span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -22px;
+.sc-theme .sc-square-theme a.regular.sel,
+.sc-theme .sc-square-theme a.regular.active {
+ 	background: transparent static_url('images/sc-theme-sprite.png') no-repeat right -1219px;
+} 
+
+.sc-theme .sc-square-theme a.regular.sel span.button-inner,
+.sc-theme .sc-square-theme a.regular.active span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat left -1173px; 
+} 
+
+.sc-theme .sc-square-theme a.regular.sel span.label,
+.sc-theme .sc-square-theme a.regular.active span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x 0px -1196px;
+	text-shadow: #b884a4 0px 1px 0px;
+}
+
+.sc-theme.blur .sc-square-theme a.regular,
+.sc-theme .sc-square-theme a.regular.disabled {
+ 	background: transparent static_url('images/sc-theme-sprite.png') no-repeat right -1288px;
+} 
+
+.sc-theme.blur .sc-square-theme a.regular span.button-inner,
+.sc-theme .sc-square-theme a.regular.disabled span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat left -1242px; 
+} 
+
+.sc-theme.blur .sc-square-theme a.regular span.label,
+.sc-theme .sc-square-theme a.regular.disabled span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x 0px -1265px;
+	text-shadow: none ;
 }
 
 /* @end */
@@ -220,52 +248,62 @@ a.back.active span.label {
 
 /* @group segments */
 
-a.regular.segment.segment-inner,
-a.regular.segment.segment-left,
-a.regular.segment.segment-right span.button-inner,
-a.regular.segment.segment-inner span.button-inner {
+.sc-theme a.regular.segment.segment-inner,
+.sc-theme a.regular.segment.segment-left,
+.sc-theme a.regular.segment.segment-right span.button-inner,
+.sc-theme a.regular.segment.segment-inner span.button-inner {
 	background: none;
 	padding-right: 0;
 	padding-left: 0;
 }
 
-a.regular.segment.segment-inner,
-a.regular.segment.segment-left {
+.sc-theme a.regular.segment.segment-inner,
+.sc-theme a.regular.segment.segment-left {
 	margin-right: 0;	
 }
 
-a.regular.segment.segment-inner,
-a.regular.segment.segment-right,
-a.regular.segment.segment-inner span.label,
-a.regular.segment.segment-right span.label {
+.sc-theme a.regular.segment.segment-inner,
+.sc-theme a.regular.segment.segment-right,
+.sc-theme a.regular.segment.segment-inner span.label,
+.sc-theme a.regular.segment.segment-right span.label {
 	margin-left: 0;	
 }
 
-a.regular.segment.segment-inner span.label,
-a.regular.segment.segment-left span.label {
+.sc-theme a.regular.segment.segment-inner span.label,
+.sc-theme a.regular.segment.segment-left span.label {
 	padding-right: 12px;
 }
 
-a.regular.segment.segment-inner span.label,
-a.regular.segment.segment-right span.label {
+.sc-theme a.regular.segment.segment-inner span.label,
+.sc-theme a.regular.segment.segment-right span.label {
 	padding-left: 12px;
 }
 
-a.regular.segment.segment-left span.label {
+.sc-theme a.regular.segment.segment-left span.label {
 	margin-left: 16px;
 }
 
-a.regular.segment.segment-right {
+.sc-theme a.regular.segment.segment-right {
 	padding-right: 16px;
 }
 
-a.regular.segment.segment-right {
-	padding
+.sc-theme a.regular.segment.segment-inner,
+.sc-theme a.regular.segment.segment-left {
+	border-right: 1px #888 solid ;
 }
 
-a.regular.segment.segment-inner,
-a.regular.segment.segment-left {
-	border-right: 1px #888 solid ;
+.sc-theme .sc-square-theme a.regular.segment.segment-inner,
+.sc-theme .sc-square-theme a.regular.segment.segment-left {
+	border-right: 1px solid #625560;
+}
+
+.sc-theme .sc-square-theme a.regular.segment.segment-inner.disabled,
+.sc-theme .sc-square-theme a.regular.segment.segment-left.disabled {
+	border-right: 1px solid #888;
+}
+
+.sc-theme a.segment span.label {
+	font-weight: normal; 
 }
 
 /* @end */
@@ -274,26 +312,26 @@ a.regular.segment.segment-left {
 
 /* @group basic */
 
-a.checkbox {
+.sc-theme a.checkbox {
 	margin-right: 4px;
 	margin-left: 4px;
 }
 
-a.checkbox img.button {
+.sc-theme a.checkbox img.button {
 	width: 16px;
 	height: 16px;
 	vertical-align: middle ;
 	position: relative ;
 	top: -1px;
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -708px;
+	background: static_url('images/sc-theme-sprite.png') no-repeat -32px -728px;
 } 
 
-a.checkbox.sel img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -724px;
+.sc-theme a.checkbox.sel img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0px -728px;
 }
 
-a.checkbox.mixed img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -756px;
+.sc-theme a.checkbox.mixed img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -744px;
 }
 
 
@@ -302,20 +340,20 @@ a.checkbox.mixed img.button {
 
 /* @group disabled */
 
-a.checkbox.disabled {
+.sc-theme a.checkbox.disabled {
 	color: #999;
 }
 
-a.checkbox.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -724px;
+.sc-theme a.checkbox.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -760px;
 } 
 
-a.checkbox.sel.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -740px;
+.sc-theme a.checkbox.sel.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0px -760px;
 }
 
-a.checkbox.mixed.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -772px;
+.sc-theme a.checkbox.mixed.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -760px;
 }
 
 
@@ -324,16 +362,16 @@ a.checkbox.mixed.disabled img.button {
 
 /* @group active */
 
-a.checkbox.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -708px;
+.sc-theme a.checkbox.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0px -744px;
 } 
 
-a.checkbox.sel.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -740px;
+.sc-theme a.checkbox.sel.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -728px;
 }
 
-a.checkbox.mixed.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -756px;
+.sc-theme a.checkbox.mixed.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -32px -744px;
 }
 
 
@@ -346,26 +384,26 @@ a.checkbox.mixed.active img.button {
 
 /* @group basic */
 
-a.radio {
+.sc-theme a.radio {
 	margin-right: 4px;
 	margin-left: 4px;
 }
 
-a.radio img.button {
+.sc-theme a.radio img.button {
 	width: 16px;
 	height: 16px;
 	vertical-align: middle ;
 	position: relative ;
 	top: -1px;
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -772px;
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0px -776px;
 } 
 
-a.radio.sel img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -804px;
+.sc-theme a.radio.sel img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -760px;
 }
 
-a.radio.mixed img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -820px;
+.sc-theme a.radio.mixed img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -32px -776px;
 }
 
 
@@ -374,20 +412,20 @@ a.radio.mixed img.button {
 
 /* @group disabled */
 
-a.radio.disabled {
+.sc-theme a.radio.disabled {
 	color: #999;
 }
 
-a.radio.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -788px;
+.sc-theme a.radio.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -792px;
 } 
 
-a.radio.sel.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0px -820px;
+.sc-theme a.radio.sel.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -792px;
 }
 
-a.radio.mixed.disabled img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -836px;
+.sc-theme a.radio.mixed.disabled img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -792px;
 }
 
 
@@ -396,16 +434,16 @@ a.radio.mixed.disabled img.button {
 
 /* @group active */
 
-a.radio.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0px -788px;
+.sc-theme a.radio.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -16px -776px;
 } 
 
-a.radio.sel.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat -16px -804px;
+.sc-theme a.radio.sel.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat -32px -760px;
 }
 
-a.radio.mixed.active img.button {
-	background: static_url('images/buttons-sprite.png') no-repeat 0px -836px;
+.sc-theme a.radio.mixed.active img.button {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0px -792px;
 }
 
 
@@ -413,76 +451,71 @@ a.radio.mixed.active img.button {
 
 /* @end */
 
-/* @group square - back */
+/* @group square */
 
 /* @group basic */
 
-a.square {
+.sc-theme a.square {
 	display: -moz-inline-box;
 	display: inline-block;
 	font-size: 13px;
-	height: 22px;
+	height: 23px;
 	text-align: center;
-	margin: 0;
+	margin-left: 2px;
+	margin-right: 2px ;
+	background: static_url('images/sc-theme-sprite.png') no-repeat left -1104px;
+ 	padding-left: 8px;
 }
 
-a.square span.button-inner {
+.sc-theme a.square span.button-inner {
 	display: block ;
-	padding: 0;
+	padding-right: 8px;
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x right -1150px;
+ 	margin-right: -2px;
 }
 
-a.square span.label {
- 	background: transparent static_url('images/buttons-sprite.png') repeat-x left top;
+.sc-theme a.square span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') no-repeat 0px -1127px;
  	display: block ;
-	font-weight: bold;
 	text-align: center;
 	padding-top: 3px;
 	height: 19px;
-	padding-left: 8px;
-	padding-right: 8px;
-	border-left: 1px #888 solid ;
-	border-right: 1px #888 solid ;
 }
 
 /* @end */
 
 /* @group sel - def */
 
-a.square.sel span.label, 
-a.square.def span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -44px;
+.sc-theme a.square.sel, 
+.sc-theme a.square.active {
+	background: static_url('images/sc-theme-sprite.png') repeat-x left -1173px;
 }
 
-/* @end */
-
-/* @group disabled */
-
-a.square.disabled span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -88px;
-	color: #999;
+.sc-theme a.square.sel span.button-inner, 
+.sc-theme a.square.active span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') repeat-x right -1219px;
 }
 
-a.square.def.disabled span.label, 
-a.square.sel.disabled span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -110px;
-	color: #999;
+.sc-theme a.square.sel span.label, 
+.sc-theme a.square.active span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x right -1196px;
 }
 
 /* @end */
 
-/* @group sel.active - def.active */
+/* @group disabled */
 
-a.square.sel.active span.label, 
-a.square.def.active span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -66px;
+.sc-theme a.square.disabled {
+	background: static_url('images/sc-theme-sprite.png') repeat-x left -1242px;
+	color: #999;
 }
 
-/* @end */
-
-/* @group active */
+.sc-theme a.square.disabled span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') repeat-x right -1288px;
+}
 
-a.square.active span.label {
-	background: static_url('images/buttons-sprite.png') repeat-x 0 -22px;
+.sc-theme a.square.disabled span.label {
+	background: static_url('images/sc-theme-sprite.png') repeat-x right -1265px;
 }
 
 /* @end */
@@ -494,8 +527,8 @@ a.square.active span.label {
 
 /* @group basic */
 
-a.popup, 
-a.dropdown {
+.sc-theme a.popup, 
+.sc-theme a.dropdown {
 	display: -moz-inline-box;
 	display: inline-block;
 	font-size: 13px;
@@ -507,27 +540,27 @@ a.dropdown {
 	margin-right: 2px ;
 }
 
-a.dropdown {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -528px;
+.sc-theme a.dropdown {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -565px;
 }
 
-a.popup {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -594px;
+.sc-theme a.popup {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -565px;
 }
 
 
-a.dropdown span.button-inner,
-a.popup span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -132px;
+.sc-theme a.dropdown span.button-inner,
+.sc-theme a.popup span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -519px;
 	display: block ;
 	height: 22px;
 }
 
-a.dropdown span.label,
-a.popup span.label {
- 	background: transparent static_url('images/buttons-sprite.png') repeat-x left top;
+.sc-theme a.dropdown span.label,
+.sc-theme a.popup span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x 0px -542px;
  	display: block ;
-	font-weight: bold;
+	font-weight: normal;
 	text-align: left;
 	padding-top: 3px;
 	height: 19px;
@@ -540,44 +573,50 @@ a.popup span.label {
 
 /* @group active */
 
-a.dropdown.active {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -550px;
+.sc-theme a.dropdown.active {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -634px;
 }
 
-a.popup.active {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -616px;
+.sc-theme a.popup.active {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -634px;
 }
 
-a.dropdown.active span.button-inner,
-a.popup.active span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -154px;
+.sc-theme a.dropdown.active span.button-inner,
+.sc-theme a.popup.active span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -588px;
 }
 
-a.dropdown.active span.label,
-a.popup.active span.label {
- 	background: transparent static_url('images/buttons-sprite.png') repeat-x left -22px;
+.sc-theme a.dropdown.active span.label,
+.sc-theme a.popup.active span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x left -611px;
 }
 
 /* @end */
 
 /* @group disabled */
 
-a.dropdown.disabled {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -572px;
+.sc-theme a.dropdown.disabled,
+.sc-theme.blur a.dropdown {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -703px;
 }
 
-a.popup.disabled {
-	background: transparent static_url('images/buttons-sprite.png') no-repeat scroll right -638px;
+.sc-theme.blur a.popup,
+.sc-theme a.popup.disabled {
+	background: transparent static_url('images/sc-theme-sprite.png') no-repeat scroll right -703px;
 }
 
-a.dropdown.disabled span.button-inner,
-a.popup.disabled span.button-inner {
-	background: static_url('images/buttons-sprite.png') no-repeat 0 -220px;
+.sc-theme.blur a.dropdown span.button-inner,
+.sc-theme.blur a.popup span.button-inner,
+.sc-theme a.dropdown.disabled span.button-inner,
+.sc-theme a.popup.disabled span.button-inner {
+	background: static_url('images/sc-theme-sprite.png') no-repeat 0 -657px;
 }
 
-a.dropdown.disabled span.label,
-a.popup.disabled span.label {
- 	background: transparent static_url('images/buttons-sprite.png') repeat-x left -88px;
+.sc-theme.blur a.dropdown span.label,
+.sc-theme.blur a.popup span.label,
+.sc-theme a.dropdown.disabled span.label,
+.sc-theme a.popup.disabled span.label {
+ 	background: transparent static_url('images/sc-theme-sprite.png') repeat-x left -680px;
  	color: #999;
 }
 
@@ -585,5 +624,67 @@ a.popup.disabled span.label {
 
 /* @end */
 
+/* @group disclosure */
+
+/* @group basic */
+
+.sc-theme a.disclosure {
+	margin-right: 4px;
+	margin-left: 4px;
+}
+
+.sc-theme a.disclosure img.button {
+	width: 12px;
+	height: 12px;
+	vertical-align: middle ;
+	position: relative ;
+	top: -2px;
+	background-image: static_url('images/sc-theme-sprite.png') ;
+} 
+
+.sc-theme a.disclosure .label {
+	padding-left: 2px;
+}
+
+.sc-theme a.disclosure.sel img.button {
+	background-position: 0px -1008px ;
+}
+
+.sc-theme a.disclosure img.button {
+	background-position: -16px -1025px ;
+}
+
+
+
+/* @end */
+
+/* @group disabled */
+
+.sc-theme a.disclosure.sel.disabled img.button {
+	background-position: 0px -1024px ;
+}
+
+.sc-theme a.disclosure.disabled img.button {
+	background-position: -16px -1041px ;
+}
+
+/* @end */
+
+/* @group active */
+
+.sc-theme a.disclosure.sel.active img.button {
+	background-position: -16px -1008px ;
+}
+
+.sc-theme a.disclosure.active img.button {
+	background-position: -0px -1041px ;
+}
+
+/* @end */
+
+
+
+/* @end */
+