/* widget */
form {position:relative;}
table {border-collapse:separate;}

/* form default-style */
/*
form.default-style fieldset{border-top:1px solid #9CB8CC;margin-bottom:8px;padding-top:8px;position:relative;}
form.default-style .no-title {border-top:none;}
form.default-style legend{color:#1E325C;font-weight:bold;padding-right:8px;}
*/

form.default-style dl{padding:2px 0;border-bottom:1px dashed #EEEEEE;}
form.default-style dl.noline{border-bottom:none;}
form.default-style dl dt{float:left;display:inline;width:160px;text-align:right;line-height:24px;padding-top:2px;position:relative;z-index:1;cursor:default;color:#777777;}
form.default-style dl dd{padding-left:165px;position:relative;}

form.default-style .item-field{padding:2px 0 2px 2px;}
form.default-style .item-field .field{float:left;display:inline;}
form.default-style .item-field .field .textfield{float:left;display:inline;}
form.default-style .item-field .field .required{color:#FF0000;font-weight:bold;float:left;display:inline;line-height:24px;padding:0 3px;}
form.default-style .item-field .field-text {float:left;display:inline;line-height: 24px;margin-right:5px;}

form.default-style .item-field .textfield,
form.default-style .item-field .textarea,
form.default-style .item-field .select,
form.default-style .item-field .wgSwitch,
form.default-style .item-field .img-preview {float:left;display:inline-block;margin-right:5px;}

form.default-style .item-field .wgSwitch {margin-top:2px;}

form.default-style .item-field .img-preview a{float:left;display:inline;background-color:#FFFFFF;border:1px solid #CCCCCC;padding:1px;outline:none;}
form.default-style .item-field .img-preview a:hover{border-color:#AAAAAA;outline:none;}
form.default-style .item-field .img-preview img{float:left;display:inline;}
form.default-style .item-field .img-desc{float:left;display:inline;color:#AAAAAA;text-align:left;}

form.default-style .item-line{padding:0 0 2px 2px;}
form.default-style .item-prompt{color:#AAAAAA;padding:0 0 2px 2px;}

/* button */
.page-wrapper .button{-moz-padding-start:0px;-moz-padding-end:0px;margin:0;padding:0 13px;height:22px;line-height:22px;width:auto;vertical-align:middle;position:relative;overflow:visible;*border:none;border:1px solid #000000;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);border-radius:1px;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05);display:inline-block;*display:inline;*zoom:1;font-family:Arial,"Hiragino Sans GB","Microsoft Yahei","Simsun","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;cursor:pointer;outline:none;white-space:nowrap;text-decoration:none;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.2);-moz-user-select:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-repeat:repeat-x;text-shadow:0 -1px 0 rgba(0,0,0,0.25);color:#FFFFFF;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

.page-wrapper button.button{height:24px;outline:none;font-size:12px;}
.page-wrapper input.button{height:24px;line-height:normal;font-size:12px;}

.page-wrapper .button:focus{outline:0 none;}
.page-wrapper .button:hover,
.page-wrapper .button.hover{color:#FFFFFF;text-decoration:none;background-position:0 -15px;transition:background-position 0.1s linear 0s;}
.page-wrapper .button:active{outline:0 none;background-image:none;box-shadow:0 2px 3px rgba(0,0,0,0.2) inset,0 1px 2px rgba(0,0,0,0.05);}

.page-wrapper .button-default{color:#525252;border-color:#AAAAAA;background-color:#F1F1F1;background-image:linear-gradient(to bottom,#FFFFFF,#E1E1E1);text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.page-wrapper .button-default:hover,
.page-wrapper .button-default.hover{color:#525252;background-color:#E1E1E1;}

.page-wrapper .button-blue{background-color:#006DCC;background-image:linear-gradient(to bottom,#0088CC,#0044CC);}
.page-wrapper .button-blue:hover,
.page-wrapper .button-blue.hover{background-color:#0044CC;}

.page-wrapper .button-light-blue{background-color:#49AFCD;background-image:linear-gradient(to bottom,#5BC0DE,#2F96B4);}
.page-wrapper .button-light-blue:hover,
.page-wrapper .button-light-blue.hover{background-color:#2F96B4;}

.page-wrapper .button-red{background-color:#DA4F49;background-image:linear-gradient(to bottom,#EE5F5B,#BD362F);}
.page-wrapper .button-red:hover,
.page-wrapper .button-red.hover{background-color:#BD362F;}

.page-wrapper .button-green{background-color:#5BB75B;background-image:linear-gradient(to bottom,#62C462,#51A351);}
.page-wrapper .button-green:hover,
.page-wrapper .button-green.hover{background-color:#51A351;}

.page-wrapper .button-orange{background-color:#FAA732;background-image:linear-gradient(to bottom,#FBB450,#F89406);}
.page-wrapper .button-orange:hover,
.page-wrapper .button-orange.hover{background-color:#F89406;}

.page-wrapper .button-gray{background-color:#8C8C8E;background-image:linear-gradient(to bottom,#9F9F9F,#747477);}
.page-wrapper .button-gray:hover,
.page-wrapper .button-gray.hover{background-color:#747477;}

.page-wrapper .button-purple{background-color:#B1B1E1;background-image:linear-gradient(to bottom,#B1B1E1,#6868C4);}
.page-wrapper .button-purple:hover,
.page-wrapper .button-purple.hover{background-color:#6868C4;}

.page-wrapper .button[disabled],
.page-wrapper .button-disabled{color:#AAAAAA !important;background:#E7E7E7 !important;text-shadow:1px 1px 0 #FFFFFF !important;cursor:default !important;}
.page-wrapper .button-disabled:active{box-shadow:none !important;}


form.default-style .form-button{border-bottom:none;}
form.default-style .form-button .buttons{padding:5px 3px;}
form.default-style .form-button .buttons .button{float:left;display:inline;margin-right:5px;}

/* textfield */
.textfield,.textarea{font-size:12px;font-family:Arial,"Microsoft Yahei","Simsun","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;border:1px solid #9EA3A8;border-radius:1px;color:#333333;display:inline-block;height:16px;padding:3px;vertical-align:middle;box-shadow:1px 1px 1px 0 rgba(0,0,0,.1) inset;width:320px;background-color:#FFFFFF;}
.textarea{height:60px;}

.textfield:focus,
.textarea:focus,
.select:focus{outline:none;outline-offset:0px;background-color:#FFFFFF;border-color:#3A92C7;box-shadow:0 0 0 1px #60C8FD;}

/*.textfield:focus,
.textarea:focus,
.select:focus {outline:none;outline-offset:0px;}*/

input.no-active:focus,
input.no-active:active{border-color:#AAAAAA;outline:none;}

.select{height:24px;line-height:24px;padding:2px;vertical-align:middle;border:1px solid #9EA3A8;border-radius:1px;}

.select option{padding:2px 3px 2px 3px;outline:0 none;}

/* checkbox & radio */
.checkbox,.radio{height:13px;margin:-3px 3px 0 0;*margin:0 3px 0 0;vertical-align:middle;width:13px;}

/* radio */
form.default-style .radio-item .radio-field{width:13px;height:13px;float:left;display:inline;margin-right:3px;margin-top:5px;}
form.default-style .radio-item .radio-field input.radio{width:13px;height:13px;float:left;display:inline;margin:0;*margin:0;}
form.default-style .radio-item .radio-text{float:left;display:inline;line-height:24px;}

/* radio layout */
form.default-style .radio-layout-h{display:block;}
form.default-style .radio-layout-h .radio-item{float:left;display:inline;margin-right:10px;}
form.default-style .radio-layout-v{float:left;display:inline;margin-right:10px;}
form.default-style .radio-layout-v .radio-item{display:block;overflow:auto;}

/* checkbox */
form.default-style .checkbox-item .checkbox-field{width:13px;height:13px;float:left;display:inline;margin-right:3px;margin-top:5px;}
form.default-style .checkbox-item .checkbox-field:hover{background-position:-13px 0;}
form.default-style .checkbox-item .checkbox-field input.checkbox{width:13px;height:13px;float:left;display:inline;margin:0;*margin:0;}
form.default-style .checkbox-item .checkbox-text{float:left;display:inline;line-height:24px;}

/* checkbox layout */
form.default-style .checkbox-layout-h{display:block;}
form.default-style .checkbox-layout-h .checkbox-item{float:left;display:inline;margin-right:10px;}
form.default-style .checkbox-layout-v{float:left;display:inline;margin-right:10px;}
form.default-style .checkbox-layout-v .checkbox-item{display:block;overflow:auto;}

/* combobox */
form.default-style .combobox-item{float:left;display:inline;position:relative;}
form.default-style .combobox-item .textfield{}
form.default-style .combobox-item .trigger{top:1px;right:1px;height:22px;width:22px;position:absolute;background:url(../images/widget/trigger.png) no-repeat 0 0;cursor:pointer;}
form.default-style .combobox-item .trigger:hover{background-position:-22px 0;}

/* upload */
form.default-style .upload-item{float:left;display:inline;position:relative;overflow:hidden;margin-right:2px;}
form.default-style .upload-item .upload-field{float:left;display:inline;position:relative;overflow:hidden;margin-right:2px;}
form.default-style .upload-item .textfield{width:240px;margin-right:0;}
form.default-style .upload-item .btn-upload{float:left;display:inline;}
form.default-style .upload-item .file{cursor:pointer;top:0;right:0;height:24px;opacity:0;filter:alpha(opacity=0);font-size:100px;*width:360px;*font-size:12px;position:absolute;}
form.default-style .item-field .btn-clear-img{float:left;display:inline;margin-left:0;}

/* tab */
.tabs .tabs-title{padding:5px 5px 0 5px;background-color:#DEE4ED;}
.tabs .tabs-title ul{float:left;display:inline;}
.tabs .tabs-title ul li{float:left;display:inline-block;margin-right:5px;}

.tabs .tabs-title ul li a {
    float: left;
    display: inline-block;
    color: #005FAB;
    outline: none;
    padding: 0 15px;
    line-height: 32px;
    text-decoration: none;
    transition:background-color .2s ease 0s;
}

.tabs .tabs-title ul li a:hover{background-color:#EFF2F8;}
.tabs .tabs-title ul li.active a{color:#333333;background-color:#ffffff;}
.tabs .tabs-content{padding:8px 0;}

/* dialog */
.dialog {
    overflow: auto;
}
.dialog .page-wrapper {font-size:12px;padding:0;overflow: auto}

/* box */
.box{position:relative;margin-bottom:4px;}
.box .box-title{font-weight:bold;color:#333333;border-bottom:1px solid #9CB8CC;padding:5px;margin-bottom:8px;}
.box .box-title .title{float:left;display:inline;cursor:pointer;}
.box .box-content{background-color:#FFFFFF;position:relative;}

/* box-bar */
.box-bar{background-color:#DBE2EE;margin-bottom:8px;line-height:24px;}
.box-bar .tools{float:left;display:inline-block;padding:5px;}
.box-bar .tools .tool-item{float:left;display:inline;margin-right:3px;}

.box-bar .fl-r .tools .tool-item {margin-left:3px;margin-right:0;}
.box-bar .tools .tool-item .textfield,
.box-bar .tools .tool-item .button,
 .box-bar .tools .tool-item .select{float:left;display:inline-block;}
.box-bar .tools .tool-item-text{line-height:24px;}
.box-bar .tools .i-exp {color:#AAAAAA;padding:0 3px;}
.box-bar .tools .tool-item .button{margin:0;}
.box-bar .tools .pagging a{padding:1px 3px;margin-right:3px;}
.box-bar .tools .pagging .current{padding:1px 5px;margin-right:3px;border:1px solid #CCCCCC;background-color:#FFFFFF;}

.table-bar {margin:0;}

/* table */
.table{margin:0;padding:0;width:100%;}
.table-wrapper{overflow-x:auto;overflow-y:hidden;}

table.default-style{border:1px solid #DDDDDD;border-bottom:none;}
table.default-style th{text-align:center;}
table.default-style td{line-height:160%;text-align:center;}


table.default-style thead tr {
    cursor: default;
    background-color: #EFEFEF;
    background-image: linear-gradient(top,#FCFCFC 30%,#EFEFEF 100%);
    background-image: -o-linear-gradient(top,#FCFCFC 30%,#EFEFEF 100%);
    background-image: -moz-linear-gradient(top,#FCFCFC 30%,#EFEFEF 100%);
    background-image: -webkit-linear-gradient(top,#FCFCFC 30%,#EFEFEF 100%);
    background-image: -ms-linear-gradient(top,#FCFCFC 30%,#EFEFEF 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.3,#FCFCFC),color-stop(1,#EFEFEF));
    text-shadow: 1px 1px 0 rgba(255,255,255,.7);
}

table.default-style thead th{border-bottom:1px solid #DDDDDD;border-top:1px solid #FFFFFF;}
table.default-style thead th .th-inner{height:100%;padding:5px 3px;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
table.default-style thead th a{color:#3B5999;}
table.default-style thead th a:hover{color:#333333;}

table.default-style thead th .sort{position:relative;}
table.default-style thead th .sort em{top:-3px;right:0;height:4px;width:7px;margin-left:4px;position:relative;display:inline-block;background:url(../images/table_head_sort_sprite.png) no-repeat 0 0;}
table.default-style thead th .sort .asc{background-position:0 -4px;}
table.default-style thead th .sort .desc{background-position:0 0;}

table.default-style tbody tr{background-color:#fafafa;cursor:default;}
table.default-style tbody tr.odd{background-color:#fafafa;}
table.default-style tbody tr.even{background-color:#f1f4f7;}
table.default-style tbody tr:hover,table.default-style tbody tr.hover{background:#FAF0C8;}
table.default-style tbody tr.selected{background-color:#FBEAA7;}
table.default-style tbody tr.empty{background-color:#fafafa;}

table.default-style tbody td{border-top: 1px solid #fefefe;border-bottom:1px solid #e8eaed;vertical-align:middle;}

table.default-style tbody tr.odd td {border-top: 1px solid #fefefe;}
table.default-style tbody tr.even td {border-top: 1px solid #f7f9fc;}
table.default-style tbody tr.selected td{border-top:1px solid #FBEAA7 !important;border-bottom:1px solid #FBEAA7 !important;}

table.default-style tbody td.va-t {vertical-align:top;}
table.default-style tbody td .td-inner{padding:3px;position:relative;overflow:hidden;}

table.default-style tbody td .is-edit {position: relative;cursor:text;}
table.default-style tbody td .is-edit .edit-icon {
    top:4px;
    right:5px;
    width:16px;
    height:16px;
    position: absolute;
    background: url(../images/icons/small/icons_edit.png) no-repeat center;
}
table.default-style tbody td .is-edit .warning-icon {
    top:4px;
    right:5px;
    width:16px;
    height:16px;
    position: absolute;
    background: url(../images/icons/small/icons_warning.gif) no-repeat center;
}

table.default-style tbody td .is-edit-hover {
    /*background: url(../images/icons/small/icons_edit.png) no-repeat right center;*/
}

table.default-style tbody td .is-warning {
    /*background: url(../images/icons/small/icons_warning.gif) no-repeat right 5px top 7px !important;*/
}

table.default-style tbody td .al-r.is-edit-hover {background:url(../images/icons/small/icons_edit.png) no-repeat left 5px top 7px;}
table.default-style tbody td .al-r.is-warning{background:url(../images/icons/small/icons_warning.gif) no-repeat left 5px top 7px !important;}
/*table.default-style tbody td .al-r.is-error{background:url(../images/icons/small/icons_error.gif) no-repeat left 5px top 7px !important;}*/

table.default-style tbody td .al-r.is-edit input.textfield{text-align:left;}


table.default-style tbody td .is-editing {
    float: left;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
table.default-style tbody td .is-editing .edit-icon {display:none;}

table.default-style tbody td .is-editing .edit-wrap {
    padding: 1px;
    position: relative;
}
table.default-style tbody td .td-inner .textfield {
    width:100%;
    height:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    1float:left;
    1display:inline;
}

table.default-style tbody td .td-inner .textarea {
    width: 100%;
    height:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

table.default-style tbody td .td-inner .select {
    width: 100%;
    1float:left;
    1display:inline;
}

table.default-style tbody .data-empty{padding:5px 10px;font-family:Arial,"Microsoft Yahei","Hiragino Sans GB","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;color:#AAAAAA;font-size:16px;font-weight:bold;line-height:2;}
table.default-style tbody .data-load{height:60px;background:url(../images/5-121204193R5-50.gif) no-repeat center;}

table.default-style tbody .operate span{display: inline-block;}
table.default-style tbody .operate .i-exp{width:3px;color:#525252;}
table.default-style tbody .operate .is-over {color:#AAAAAA;}

table.default-style tbody .data-row-expand a.expand{width:10px;height:10px;display:inline-block;background:url(../images/datagrid_row_expand.gif) no-repeat 0 0;}
table.default-style tbody .data-row-expand a.collapse{background-position:0 -25px;}

/* tree table */
table.tree-table .td-tree {text-align: left;}
table.tree-table td {border-bottom: 1px solid #CCCCCC;}
table.tree-table .group-td{border-bottom:none;border-right:none;}
table.tree-table .td-tree .tree-hit{float:left;display:inline;width:18px;height:18px;cursor:pointer;background:url(../images/tree_arrows.png) no-repeat 0 0;}
table.tree-table .td-tree .hit-expanded{background-position:-16px 0;}
table.tree-table .td-tree .hit-expanded-hover{background-position:-48px 0;}
table.tree-table .td-tree .hit-collapsed{background-position:0 0;}
table.tree-table .td-tree .hit-collapsed-hover{background-position:-32px 0;}
table.tree-table .td-tree .tree-icon{float:left;display:inline;width:18px;height:18px;}
table.tree-table .td-tree .tree-icon a{float:left;display:inline;height:18px;width:18px;opacity:.5; filter: alpha(opacity = 50);}
table.tree-table .td-tree .tree-folder{background:url(../images/tree_sprite.png) no-repeat 0 0;}
table.tree-table .td-tree .tree-folder-open{background-position:0 -18px;}
table.tree-table .td-tree .tree-title{display:block;overflow:hidden;padding-left:3px;}
table.tree-table .td-tree .tree-indent{float:left;display:inline;width:18px;height:18px;}

table.tree-table .group-td {border:none;}
table.tree-table .group-wrapper .tree-table {border:none;}

table.vertical-style {border:1px solid #DDDDDD;border-bottom:none;border-right:none;}
table.vertical-style thead tr{cursor:default;background-color:#EFEFEF;background-image:linear-gradient(top,#FFFFFF 30%,#EFEFEF 100%);background-image:-o-linear-gradient(top,#FFFFFF 30%,#EFEFEF 100%);background-image:-moz-linear-gradient(top,#FFFFFF 30%,#EFEFEF 100%);background-image:-webkit-linear-gradient(top,#FFFFFF 30%,#EFEFEF 100%);background-image:-ms-linear-gradient(top,#FFFFFF 30%,#EFEFEF 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.3,#FFFFFF),color-stop(1,#EFEFEF));}
table.vertical-style thead th{border-bottom:1px solid #CCCCCC;border-top:1px solid #FFFFFF;border-right:1px solid #CCCCCC;}
table.vertical-style thead th .th-inner{height:100%;padding:5px 4px;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
table.vertical-style thead th a{color:#015F92;}
table.vertical-style thead th a:hover{color:#333333;}
table.vertical-style thead th .sort{height:4px;width:7px;display:inline-block;margin-left:5px;background:url(../images/table_head_sort_sprite.png) no-repeat 0 0;position:relative;top:-3px;}
table.vertical-style thead th .asc{background-position:0 -4px;}
table.vertical-style tbody th{background:#F6F6F6;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
table.vertical-style tbody td{border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
table.vertical-style tbody .td-inner{padding:4px;text-align:left;}
table.vertical-style tbody .th-inner{padding:4px;text-align:right;color:#999999;}
table.vertical-style tbody td .td-inner .textfield{float:left;display:inline;width:100%;*width:90%;height:24px;*height:14px;*line-height:14px;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;}
table.vertical-style tbody td .td-inner .textarea{float:left;display:inline;width:100%;*width:90%;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;}
table.vertical-style tbody td .td-inner .select{width:100%;}

/* td image */
.td-img{width:100%;float:left;overflow:hidden;}
.td-img .td-img-wrap{float:left;display:inline;left:50%;margin:0 auto;position:relative;max-height:100px;max-width:100px;}
.td-img .td-img-wrap .td-img-content{float:left;display:inline;position:relative;right:50%;}
.td-img .td-img-wrap .img-link{float:left;display:inline;border:1px solid #CCCCCC;padding:1px;outline:none;background-color:#FFFFFF;}
.td-img .td-img-wrap .img-link:hover{border-color:#999999;}
.td-img .td-img-wrap img{float:left;display:inline;}

.al-l .td-img .td-img-wrap{left:auto;}
.al-l .td-img .td-img-wrap .td-img-content{right:auto;}

/* quick-operate */
.link-tools {float:left;display:inline;}
.link-tools .link {float:left;display:inline;}
.link-tools .i-exp {float:left;display:inline;padding:0 5px;color:#777777;}

.icon-operate{float:left;width:100%;overflow:hidden;}
.icon-operate .icon-wrap{float:left;display:inline;left:50%;margin:0 auto;position:relative;}
.icon-operate .icon-tools{float:left;display:inline;position:relative;right:50%;}

.icon-operate .icon-tools .img {
    float: left;
    display: inline-block;
    height: 16px;
    cursor: pointer;
    _cursor: hand;
}

.icon-operate .icon-tools .link {float:left;display:inline;}
.icon-operate .icon-tools .i-exp {float:left;display:inline;padding:0 5px;color:#777777;}
.icon-operate .icon-tools .icons{padding:0 2px;height:16px;float:left;display:inline;text-indent:-999px;overflow:hidden;}

.icons{height:16px;width:16px;display:inline-block;}
.icons-lock{background:url(../images/icons/icons_lock.png) no-repeat center center;}
.icons-active{background:url(../images/icons/icons_active.png) no-repeat center center;}
.icons-tick{background:url(../images/icons/icons_tick.png) no-repeat center center;}
.icons-cross{background:url(../images/icons/icons_cross.png) no-repeat center center;}
.icons-access{background:url(../images/icons/icons_access.png) no-repeat center center;}
.icons-view{background:url(../images/icons/icons_view.png) no-repeat center center;}
.icons-edit{background:url(../images/icons/icons_edit.png) no-repeat center center;}
.icons-remove{background:url(../images/icons/icons_remove.png) no-repeat center center;}
.icons-coins{background:url(../images/icons/icons_coins.png) no-repeat center center;}
.icons-add{background:url(../images/icons/icons_add.png) no-repeat center center;}
.icons-coins{background:url(../images/icons/icons_coins.png) no-repeat center center;}
.icons-recycle{background:url(../images/icons/icons_recycle.png) no-repeat center center;}
.icons-undo{background:url(../images/icons/icons_undo.png) no-repeat center center;}
.icons-top{background:url(../images/icons/icons_top.png) no-repeat center center;}
.icons-arrow-up{background:url(../images/icons/icons_arrow_up.png) no-repeat center center;}
.icons-arrow-down{background:url(../images/icons/icons_arrow_down.png) no-repeat center center;}
.icons-arrow-left{background:url(../images/icons/icons_arrow_left.png) no-repeat center center;}
.icons-arrow-right{background:url(../images/icons/icons_arrow_right.png) no-repeat center center;}
.icons-config{background:url(../images/icons/icons_config.png) no-repeat center center;}
.icons-setting{background:url(../images/icons/icons_setting.png) no-repeat center center;}
.icons-refresh{background:url(../images/icons/icons_refresh.png) no-repeat center center;}
.icons-download{background:url(../images/icons/icons_download.png) no-repeat center center;}
.icons-save{background:url(../images/icons/icons_save.png) no-repeat center center;}
.icons-apply{background:url(../images/icons/icons_apply.png) no-repeat center center;}
.icons-preview{background:url(../images/icons/icons_preview.png) no-repeat center center;}
.icons-data-import{background:url(../images/icons/icons_data_import.png) no-repeat center center;}
.icons-loading{background:url(../images/icons/icons_loading.gif) no-repeat center center;}
.icons-to-right{background:url(../images/icons/icons_to_right.png) no-repeat center center;}
.icons-to-left{background:url(../images/icons/icons_to_left.png) no-repeat center center;}




.wgSwitch{display:inline-block;position:relative;}
.wgSwitch .switch-wrap{width:60px;height:20px;position:relative;}


.wgSwitch .handler {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 20px;
    overflow: hidden;
    outline: none;
}

.wgSwitch .switch-slide{top:0;width:20px;height:20px;position:absolute;}
.wgSwitch .switch-slide{width:20px;height:20px;display:inline-block;background:url(../images/switch_sprite.png) no-repeat 0 0;}

.wgSwitch .switch-text{color:#FFFFFF;height:20px;text-align:center;display:block;font-size:12px;font-weight:bold;font-family:Arial,"Microsoft Yahei";text-shadow:1px 1px 0 rgba(0,0,0,.1);}

.wgSwitch .switch-on{background:url(../images/switch_sprite.png) no-repeat 0 -40px;}
.wgSwitch .switch-off{background:url(../images/switch_sprite.png) no-repeat 0 -20px;}
.wgSwitch .switch-on .switch-text{padding-left:10px;padding-right:20px;}
.wgSwitch .switch-off .switch-text{padding-left:20px;padding-right:10px;}

.wgSwitch .switch-on .switch-slide{right:0;}
.wgSwitch .switch-off .switch-slide{left:0;}