/*
 * scumix.swat.spark
 * spark.css
 *
 * author: scum
 * create: 2008-12-01
 * update: 2009-09-13
 * notes : Spark 通用 CSS.
 *
 * misc:
 * android green: #A5C63B
 */

/*----------------------------
 通用样式
----------------------------*/
/** webkit 滚动条 */
::-webkit-scrollbar										{width:12px;height:12px}

::-webkit-scrollbar-button:vertical:decrement 			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_v_d.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:vertical:decrement:hover		{background:#181818 url(assets/images/sb_button_v_d.gif) no-repeat 0px -12px}
::-webkit-scrollbar-button:vertical:increment 			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_v_i.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:vertical:increment:hover		{background:#181818 url(assets/images/sb_button_v_i.gif) no-repeat 0px -12px}

::-webkit-scrollbar-button:horizontal:decrement			{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_h_d.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:horizontal:decrement:hover	{background:#181818 url(assets/images/sb_button_h_d.gif) no-repeat -12px 0px}
::-webkit-scrollbar-button:horizontal:increment 		{width:12px;height:12px;background:#0c0c0c url(assets/images/sb_button_h_i.gif) no-repeat 0px 0px}
::-webkit-scrollbar-button:horizontal:increment:hover	{background:#181818 url(assets/images/sb_button_h_i.gif) no-repeat -12px 0px}

::-webkit-scrollbar-track								{background:#333;opacity:0.5}
::-webkit-scrollbar-track-piece							{background:rgba(30,30,30,0.5)}

::-webkit-scrollbar-thumb:vertical						{background:#181818 url(assets/images/sb_thumb_v.gif) repeat-y;border-top:1px solid #222;border-bottom:1px solid #222}
::-webkit-scrollbar-thumb:vertical:hover				{background:#1e1e1e url(assets/images/sb_thumb_v.gif) repeat-y -12px 0px;border-top:1px solid #333;border-bottom:1px solid #333}
::-webkit-scrollbar-thumb:horizontal					{background:#181818 url(assets/images/sb_thumb_h.gif) repeat-x;border-left:1px solid #222;border-right:1px solid #222}
::-webkit-scrollbar-thumb:horizontal:hover				{background:#1e1e1e url(assets/images/sb_thumb_h.gif) repeat-x 0px -12px;border-left:1px solid #333;border-right:1px solid #333}

::-webkit-scrollbar-corner:horizontal:corner-present	{margin-right:5px}
::-webkit-resizer										{}

body html
{
    scrollbar-face-color:#202020;
    scrollbar-highlight-color:#282828;
    scrollbar-3dlight-color:#0F0F0F;
    scrollbar-darkshadow-color:#282828;
    scrollbar-shadow-color:#0F0F0F;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#2F2F2F;
}

/* 系统按钮.信息 */
.SxSpark_SysBtn_Info		{transition:all .2s;width:18px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -15px 0px;float:right;font-size:0px}
.SxSpark_SysBtn_Info:hover	{transition:all .2s;background-position:-15px -15px}

/* 系统按钮.关闭 */
.SxSpark_SysBtn_Close		{transition:all .2s;width:18px;height:15px;background:url(assets/images/Spark_UI.gif) no-repeat -30px 0px;float:right;font-size:0px}
.SxSpark_SysBtn_Close:hover	{transition:all .2s;background-position:-30px -15px}

/*----------------------------
  spark.StackList
  堆叠式列表
----------------------------*/
/* 外框 */
.SxStackList_Common			{cursor:default}
.SxStackList_Frame			{}
/* 区块 */
.SxStackList_Pane			{}
/* 区块标题条 */
.SxStackList_Pane_Title		{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}
.SxStackList_Pane_Title_h	{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}
.SxStackList_Pane_Title_Active	{width:100%;height:25px;background:#282828;color:#aaa;font:normal 12px Tahoma;border-top:1px solid #444;border-bottom:1px solid #181818}

/* 区块内容 */
.SxStackList_Pane_Content	{border:1px solid #666}

/*----------------------------
  spark.TreeList
  树形列表
----------------------------*/
/* 外框 */
.SxTreeList					{width:100%;height:100%;overflow:auto}

/* 节点开关图标 */
.SxTreeList_nsi				{width:18px;height:40px;float:left}

/* 节点开关图标/折叠 */
.SxTreeList_nsi_c			{background:url(assets/images/TreeList_Icons.gif) no-repeat 0px 10px}
.SxTreeList_nsi_cH			{background:url(assets/images/TreeList_Icons.gif) no-repeat -16px 10px}

/* 节点开关图标/展开 */
.SxTreeList_nsi_e			{background:url(assets/images/TreeList_Icons.gif) no-repeat -32px 10px}
.SxTreeList_nsi_eH			{background:url(assets/images/TreeList_Icons.gif) no-repeat -48px 10px}

/* 节点图标 */
.SxTreeList_ni				{width:20px;height:40px;margin-right:8px;overflow:hidden;float:left}

/* 根节点 */
.SxTreeList_root			{font-size:12px;color:#ccc}

/* 节点 */
.SxTreeList_node			{padding-top:1px;width:100%;height:40px;cursor:default;margin:0px}

/* 节点, 普通 */
.SxTreeList_node_caption	{width:100%;height:40px;transition:all 1s;background:;}
.SxTreeList_node_caption .text
{transition:all .5s;line-height:40px;font-size:16px;color:#aaaaaa;text-shadow:1px 1px 0px #333}

/* 节点, 悬停 */
.SxTreeList_node_captionH	{transition:all 1s;opacity:1;width:100%;height:40px;background:#333 url(assets/images/TreeList_NodeLine_Hot.gif) repeat-x}
.SxTreeList_node_captionH .text
{transition:all .5s;line-height:40px;font-size:16px;color:#eeee00;text-shadow:1px 1px 0px #333;}

/* 节点, 选中 */
.SxTreeList_node_captionS	{transition:all 1s;opacity:.7;width:100%;height:40px;color:#ffffff;background:#111 url(assets/images/TreeList_NodeLine_Selected.gif) repeat-x}
.SxTreeList_node_captionS .text
{transition:all .5s;line-height:40px;font-size:16px;color:#ffffff;text-shadow:1px 1px 0px #333}

/* 节点, 选中+悬停 */
.SxTreeList_node_captionSH	{transition:all 1s;opacity:1;width:100%;height:40px;background:#111 url(assets/images/TreeList_NodeLine_Selected.gif) repeat-x}
.SxTreeList_node_captionSH .text
{transition:all .5s;line-height:40px;font-size:16px;color:#ffffff;text-shadow:1px 1px 0px #333}

/* 节点内容 */
.SxTreeList_node_content	{width:100%;overflow:hidden}

/*----------------------------
  spark.ActiveTreeList
  交互树形列表
----------------------------*/
.SxActiveTree_Item					{height:20px;color:#aaa;font:normal 14px Consolas;cursor:default}
.SxActiveTree_Item .CI_Close		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 0}
.SxActiveTree_Item .CI_CloseH		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -20}
.SxActiveTree_Item .CI_Open		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -40}
.SxActiveTree_Item .CI_OpenH		{float:left;width:20px;height:23px;background:url(assets/images/spark_activetree_ctrlIcon.png) no-repeat 0 -60}
.SxActiveTree_Item .line			{float:left}
.SxActiveTree_Item .lineH			{float:left;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat left 0}
.SxActiveTree_Item .lineSelected	{float:left;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat left -23}
.SxActiveTree_Item .content		{}
.SxActiveTree_Item .checkbox		{float:left;width:16px;height:23px}
.SxActiveTree_Item .nodeIcon		{float:left;width:20px;height:23px}
.SxActiveTree_Item .text			{float:left;line-height:23px}
.SxActiveTree_Item .REdge			{float:right;width:3px;height:23px}
.SxActiveTree_Item .REdgeH			{float:right;width:3px;height:23px;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat right 0}
.SxActiveTree_Item .REdgeSelected	{float:right;width:3px;height:23px;background:url(assets/images/spark_activetree_hotitem_bkg.png) no-repeat right -23}
.SxActiveTree_HotItem				{position:absolute;left:0px;top:0px;background:#000;color:#fff;font:normal 12px Tahoma;border:1px solid #333;padding:5px}

/*----------------------------
  spark.ColorPicker
  颜色选择器
----------------------------*/
/* 外框 */
.SxColorPicker					{position:absolute;width:260px;border:1px solid #111111;opacity:0.8;filter:alpha(opacity=80)!important;display:none}

/* 标题条 */
.SxColorPicker_Title			{width:100%;height:20px;background:#282828;border-left:1px solid #353535;border-top:1px solid #353535;padding:2px 2px 1px 5px}
.SxColorPicker_Title div		{cursor:pointer}
.SxColorPicker_Title_Text		{font:normal 12px Tahoma;color:#888;margin-top:1px;float:left}

/* 样本区 */
.SxColorPicker_SampleArea		{width:100%;height:25px;background:#000;padding:5px}
.SxColorPicker_Sample			{width:60px;height:22px;background:#444;border:1px solid #000;float:left }
.SxColorPicker_Hot				{width:60px;height:22px;background:#444;border:1px solid #000;float:left;margin-left:5px }
.SxColorPicker_HotValue			{font:normal bold 11px Tahoma;color:#00fcff;margin-left:5px;float:left}

/* 色块区 */
.SxColorPicker_Content			{width:100%;background:#d6d6d6}
.SxColorPicker_ColorCell		{border:1px solid #666}
.SxColorPicker_ColorCell td		{width:8px;height:8px}
.SxColorPicker_GrayCell			{border:1px solid #666;width:15px}
.SxColorPicker_GrayCell td		{height:4px}

/*----------------------------
  spark.DatePicker
  日期选择器
----------------------------*/
/* 外框 */
.SxDatePicker							{transition:all .3s;position:absolute;width:220px;background:#ddd;border:1px solid #111;opacity:0.8;display:none;border:2px solid #000}
.SxDatePicker:hover						{transition:all .3s;opacity:1;border:2px solid #009dff}

/* 标题条 */
.SxDatePicker_Title						{width:100%;height:18px;background:#333}
.SxDatePicker_Title div					{height:12px;text-align:center;cursor:default}
.SxDatePicker_Title_Text				{font:normal 12px Tahoma;color:#eee;margin-top:1px;margin-left:2px;float:left}

/* 日期/月份选择条 */
.SxDatePicker_QSelect					{width:100%;height:30px;background:#000;padding-top:5px;text-align:center;cursor:default}
.SxDatePicker_QSelect select			{font:normal 12px Tahoma;color:#333;margin-top:3px;float:left;margin-left:5px}
.SxDatePicker_QSelect_Year				{width:55px}
.SxDatePicker_QSelect_Month				{width:50px}
.SxDatePicker_QSelect_Today				{width:40px;height:20px;font:normal 12px Tahoma;color:#aaa;padding-top:4px;float:left;margin-left:2px}
.SxDatePicker_QSelect_Today:hover		{background:#333;color:#fff}

/* 日期列表 */
.SxDatePicker_DateCell					{width:100%;text-align:center}
.SxDatePicker_DateCell_Header			{height:25px;background:#777777;color:#ffffff;font:normal 14px Tahoma}
.SxDatePicker_DateCell .item			{height:25px;font:bold 14px Tahoma;border:1px solid #eee;background:#fff;color:#aaa;cursor:default}
.SxDatePicker_DateCell .item:hover		{transition:all .3s;font:bold 14px Tahoma;border:1px solid #f60;background:#fa0;color:#fff;text-shadow:1px 0px 1px #888}

/*----------------------------
  spark.Slider
  滑动器
----------------------------*/
.SxSlider						{border2:1px solid #0c0;font-size:0px}
.SxSlider_TrackH				{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackH.gif) repeat-x}
.SxSlider_TrackH_hover			{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackH.gif) repeat-x 0px -12px}
.SxSlider_TrackV				{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackV.gif) repeat-y}
.SxSlider_TrackV_hover			{border:1px solid #505050;background:#2a2a2a url(assets/images/Slider_TrackV.gif) repeat-y -12px 0px}
.SxSlider_Handle				{font-size:0px;width:12px;height:12px;background:#7f7f7f url(assets/images/Slider_Handle.gif) no-repeat 0px -12px}
.SxSlider_Handle_hover			{font-size:0px;width:12px;height:12px;background:#505050 url(assets/images/Slider_Handle.gif) no-repeat}
.SxSlider_Tip					{font:normal 10px Arial;padding:1px 5px 1px 5px;color:#eee;background:#101010;border:1px solid #444444;display:none;opacity:0.8;filter:alpha(opacity=80)}

/*----------------------------
  spark.StepButton
  步进按钮
----------------------------*/
/* 外框 */
.SxStepButton					{width:18px;font-size:0px;float:left}

/* 上 */
.SxStepButton_Up				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -45px 0px}
.SxStepButton_Up_h				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -45px -15px}

/* 下 */
.SxStepButton_Down				{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -60px 0px}
.SxStepButton_Down_h			{width:18px;height:10px;border:0px;background:url(assets/images/Spark_UI.gif) no-repeat -60px -15px}

/*----------------------------
  spark.Group
  组容器
----------------------------*/
/* 外框 */
.SxGroup						{border:1px solid #000000;background:#333333}

/*----------------------------
  spark.TabGroup
  标签页容器
----------------------------*/
/* 外框 */
.SxTabGroup						{}

/* 标签按钮栏 */
.SxTabGroup_ButtonBar			{width:100%;height:23px;font:normal 12px Tahoma;text-align:center}
.SxTabGroup_ButtonBar div		{float:left;white-space:nowrap;cursor:default}
.SxTabGroup_Button				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#aaa;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -1px;border:1px solid #000000;border-right:;}
.SxTabGroup_Button_h			{padding:4px 2px 2px 2px;width:60px;height:23px;color:#fff;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -23px;border:1px solid #000000;border-right:;}

/* 当前页按钮 */
.SxTabGroup_Button_Active		{padding:5px 2px 2px 2px;width:60px;height:23px;color:#ccc;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -47px;border:1px solid #000000;border-right:;border-bottom:0px}
/* 右侧占位符 */
.SxTabGroup_ButtonBarHolder		{float:right;height:23px;background:;border-left:1px solid #000;border-bottom:1px solid #000}
/* 内容区 */
.SxTabGroup_Content				{width:100%;height:100%;overflow:hidden;background:#333333;border:1px solid #000000;border-top:;padding:5px}

/*----------------------------
  spark.SheetGroup
  工作页组容器
----------------------------*/
/* 外框 */
/*
.SxSheetGroup					{}
.SxSheetGroup_TabBar			{width:100%;height:23px;font:normal 12px Tahoma;text-align:left}
.SxSheetGroup_TabBar div		{float:left;white-space:nowrap;cursor:default}
.SxSheetGroup_Tab				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#aaa;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -1px;border:1px solid #000000;border-right:;}
.SxSheetGroup_Tab_h				{padding:4px 2px 2px 2px;width:60px;height:23px;color:#fff;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -23px;border:1px solid #000000;border-right:;}
.SxSheetGroup_Tab_Active		{padding:5px 2px 2px 2px;width:60px;height:23px;color:#ccc;background:url(assets/images/TabGroup_Button.gif) repeat-x 0px -47px;border:1px solid #000000;border-right:;border-bottom:0px}
.SxSheetGroup_TabBarHolder		{float:right;height:23px;background:;border-left:1px solid #000;border-bottom:1px solid #000}
.SxSheetGroup_Content			{width:100%;height:100%;overflow:hidden;background:#333333;border2:1px solid #000000;padding:5px}
*/

.SxSheetGroup					{}
.SxSheetGroup_TabBar			{width:100%;height:16px;font:normal 12px Tahoma;text-align:left}
.SxSheetGroup_TabBar div		{float:left;white-space:nowrap;height:22px;line-height:22px;cursor:default}
.SxSheetGroup_Tab				{padding:0px 8px 0px 8px;color:#888;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 0;border:1px solid #000}
.SxSheetGroup_Tab_h				{padding:0px 8px 0px 8px;height:22px;color:#fff;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 -24;border:1px solid #000}
.SxSheetGroup_Tab_Active		{padding:0px 8px 0px 8px;height:22px;color:#ccc;background:url(assets/images/spark_sheetgroup_bar.png) no-repeat 0 -48;border:1px solid #000}
.SxSheetGroup_Content			{width:100%;height:100%;overflow:hidden;border:2px inset #5F686D;padding:0px}


/*----------------------------
  spark.ProgressBar
  进度条
----------------------------*/
/* 外框 */
.SxProgressBar					{background:#303030;border:1px solid #525252}
/* 外框.有提示文字 */
.SxProgressBar_HasText			{}
/* Track */
.SxProgressBar_Track			{float:left;background:url(assets/images/ProgressBar_Track.gif) repeat-x;height:7px;font-size:0px;border:1px solid #000000}
/* Track.不确定进度 */
.SxProgressBar_TrackUnsure		{float:left;background:url(assets/images/ProgressBar_TrackUnsure.gif) repeat-x;height:14px;font-size:0px}
/* 提示文字 */
.SxProgressBar_Text				{background:;font:normal bold 11px Verdana;color:#aaa}


/*----------------------------
  spark.ComboBox
  组合框
----------------------------*/
/* 外框 */
.SxComboBox						{border:1px solid #393939}
.SxComboBox_h					{border:1px solid #009dff}
/* 编辑框 */
.SxComboBox_Edit				{float:left;border:1px solid #000;background:#1e1e1e;font:normal 14px Consolas;color:#888;padding-left:1px;cursor:default}
.SxComboBox_Edit:hover			{background:#222;color:#eee}
/* 下拉按钮 */
.SxComboBox_DropDownBtn			{float:left;width:19px;height:23px;background:url(assets/images/ComboBox_DropDownBtn_19x23.gif) no-repeat;cursor:default}
.SxComboBox_DropDownBtn_h		{float:left;width:19px;height:23px;background:url(assets/images/ComboBox_DropDownBtn_19x23.gif) no-repeat 0px -23px;cursor:default}
/* 下拉内容区 */
.SxComboBox_Content				{background:#333;border:1px solid #000;font:normal 14px Consolas;z-index:100}
/* 下拉条目 */
.SxComboBox_Item				{color:#aaa}
.SxComboBox_Item_h				{color:#fff;background:#015386}

/*----------------------------
  spark.PopupMenu
  弹出菜单
----------------------------*/
.SxPopupMenu					{position:absolute;background:#050505 url(assets/images/PopupMenu_Side_Bkg.gif) repeat-y;overflow:hidden;border:1px solid #000;border-left2:10px solid #000;padding:1px;cursor:default}
.SxPM_Sep						{height:0px;font-size:0px;border-top:1px solid #111;margin:3px 0px 5px 24px}
.SxPM_Item						{height:22px;font:normal 12px Tahoma;padding:2px 5px 0px 2px;color:#888}
.SxPM_Item_Normal				{background:;}
.SxPM_Item_Over					{background:url('assets/images/PopupMenu_Item_Over.gif') repeat-x;color:#000;opacity:0.5}
.SxPM_ItemIcon					{width:20px;height:20px;float:left;margin-right:5px}

/*----------------------------
  spark.DataGrid
  数据网格
----------------------------*/
/* 标题栏 */
.SxDataGrid td					{color:#0cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.SxDataGrid .hdr				{height:22px;background:url(assets/images/DataGrid_HeaderBkg.gif) repeat-x;cursor:default}
.SxDataGrid .hdr td				{font:12px 微软雅黑,Tahoma;color:#eee;padding:0px 2px 0px 5px;border-right:1px solid #141414;vertical-align:middle;text-align:left;word-break:keep-all;white-space:nowrap}
.SxDataGrid .hdr .RGap			{border:0px;background:#333;width:auto}
.SxDataGrid .hdr .id            {text-align:center}

.SxDataGrid_Line				{height:25px}
.SxDataGrid_Line td				{font-family:微软雅黑,tahoma;font-size:12px;color:#aaa;vertical-align:middle;padding:0px 2px 0px 5px}
.SxDataGrid_LineOdd				{height:25px;background:#1a1a1a}
.SxDataGrid_LineOdd td			{font-family:微软雅黑,tahoma;font-size:12px;color:#aaa;vertical-align:middle;padding:0px 2px 0px 5px}
.SxDataGrid_Line_h				{height:25px;background:#074e6c;cursor:default}
.SxDataGrid_Line_h td			{font-family:微软雅黑,tahoma; font-size:12px; color:#00ccff; vertical-align:middle; padding:0px 2px 0px 5px}

/* 单元格内容样式 */
.SxDataGrid .id                 {text-align:center;color:#f50}
.SxDataGrid .name               {color:#0cf}
.SxDataGrid .digit				{font:normal 11px Consolas;color:#f60}
.SxDataGrid .string				{font:normal 12px Tahoma;color:#0cf}
.SxDataGrid .cstring			{font:normal 12px 微软雅黑;color:#0cf}
.SxDataGrid_Editor				{background:#333;border:1px solid #0cf;color:#ccc;font:12px 微软雅黑,Tahoma}

/*----------------------------
  spark.QuickTips
  快捷提示
----------------------------*/
.SxQuickTips					{position:absolute;background:#f4f9be;display:none;border-radius:8px;border:1px solid #ccc;padding:3px 20px 3px 20px;font:normal 14px Tahoma;color:#000;z-index:65000}

/*----------------------------
  spark.SwitchBox
  开关盒
----------------------------*/
/*
.SxSwitchBox					{cursor:pointer;width:83px;height:31px}
.SxSwitchBox.box				{overflow:hidden;width:83px;height:31px}
.SxSwitchBox.off				{background:url(assets/images/spark_switchBox_dark.png) no-repeat -83px 0px}
.SxSwitchBox.off:hover			{background:url(assets/images/spark_switchBox_dark.png) no-repeat -83px -31px}
.SxSwitchBox.off:active			{background:url(assets/images/spark_switchBox_dark.png) no-repeat -83px -62px}
.SxSwitchBox.off:disabled		{background:url(assets/images/spark_switchBox_dark.png) no-repeat -83px -93px}
.SxSwitchBox.on					{background:url(assets/images/spark_switchBox_dark.png) no-repeat 0px 0px}
.SxSwitchBox.on:hover			{background:url(assets/images/spark_switchBox_dark.png) no-repeat 0px -31px}
.SxSwitchBox.on:active			{background:url(assets/images/spark_switchBox_dark.png) no-repeat 0px -62px}
.SxSwitchBox.on:disabled		{background:url(assets/images/spark_switchBox_dark.png) no-repeat 0px -93px}
*/

.SxSwitchBox
{
	cursor:pointer;
	width:79px;
	height:25px;
	background:url(assets/images/spark_switchBox_mux.png) no-repeat;
	-border-radius:6px;
	box-shadow:0px 0px 1px 2px rgba(0,0,0,0.8) inset;
}

.SxSwitchBox.off
{
	transition: all .3s;
	-moz-transition: all .3s;
	background-position:-49px -1px;
	border:1px solid #404040;
}
.SxSwitchBox.off:hover
{
	transition: all .3s;
	-moz-transition: all .3s ease-in-out;
	background-position:-49px -26px;
}

.SxSwitchBox.on
{
	transition: all .3s;
	-moz-transition: all .3s;
	background-position:-1px -1px;
	border:1px solid #404040;
}
.SxSwitchBox.on:hover
{
	transition: all .3s;
	-moz-transition: all .3s;
	background-position:-1px -26px;
}

/*----------------------------
  spark.ValueBar
  交互进度条
----------------------------*/
.SxValueBar_box			{}
.SxValueBar
{
cursor:pointer;
position:relative;
left:0px;top:0px;
background:url(assets/images/spark_valueBar_track.png) repeat-x 0px 8px;
-box-shadow:0px 0px 4px 0px #000 inset;
-border:1px solid #555;
}

.SxValueBar.thumb
{
position:absolute;
background:url(assets/images/spark_valueBar_thumb.png) no-repeat right 0px;
}
.SxValueBar.thumb:hover
{
background:url(assets/images/spark_valueBar_thumb_hover.png) no-repeat right 0px;
}

.SxValueBar.hint
{
position:absolute;
padding:2px 10px 2px 10px;
font:bold 12px Verdana;
text-align:center;
color:#fff;
background:#c00;
box-shadow:0px 0px 2px 1px #000 inset;
border-radius:6px;
border:1px solid #666;
opacity:0.6;
}