.cs-form {
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
    font-size: 12px;
    padding: 0 20px 0 10px;
    overflow: hidden;
}


.cs-form fieldset {
    border: 2px groove threedface;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding: 4px 7px 9px;
}

fieldset legend > div {
    display: inline-block;
}

.cs-form fieldset.cs-fieldset-collapsed {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-width: 1px 1px 0 !important;
    padding-bottom: 0 !important;
}

fieldset .cs-fieldset-tool {
    opacity: 0.8;
    height: 16px;
    margin: 0;
    overflow: hidden;
    width: 16px;
    background-image: url("images/form/collapse-tool.png");
    background-position: 0 0;
}

fieldset .cs-fieldset-tool-position {
    background-position: 16px 0;
}


.cs-form .cs-form-row {
    position: relative;
    width: 100%;
    padding: 5px 0;
    line-height: 0;
   /* overflow: hidden;*/
}

.cs-form-row .cs-form-column {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    /*overflow: hidden;
    min-height: 37px;*/
}

.cs-form-column label.label {
    display: inline-block;
    margin: 0 5px 0 10px;
    min-width: 40px;
    width: 55px;
    line-height: 35px;
    vertical-align: middle;
}
.cs-form-column label.label > span.validator {
    color: red;
}
.cs-form-column input {
    margin-right: 0 !important;
}

.cs-field-control {
    font-weight: normal;
    color: #333333 !important;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px 0 6px 12px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cs-text{
    height: 37px;
    height:37px \9;/*IE高度*/
    line-height:20px \9;/*IE*/
}

.cs-field-control:focus,
.cs-field-control:hover,
.cs-field-control-focus,
.cs-field-control-hover {
    border-color: #999999;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.cs-field-control.error:focus,
.cs-field-control.error:hover,
.cs-field-control-focus.error,
.cs-field-control-hover.error {
    border-color: red;
}

.cs-field-control[disabled],
.cs-field-control[readonly],
fieldset[disabled] .cs-field-control {
    cursor: not-allowed;
    /*background-color: #eeeeee;*/
}

/*
radio checkbox 样式
*/
.cs-field-radio-div, .cs-field-checkbox-div {
    line-height: 37px;
    width: 18px;
    vertical-align: middle;
}

.cs-field-radio {
    width: 18px;
    margin: 0;

}

.cs-field-radio-div span {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("images/form/sprite.png");
    text-align: center;
    vertical-align: middle;
    background-position: 0 -279px;
    margin-right: 5px
}

.cs-field-radio-div label {
    display: block;
}

.cs-field-radio-div .checked {
    background-position: -72px -279px;
}

.cs-field-radio-div .disabled {
    background-position: -144px -279px;
}

.cs-field-checkbox-div span {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("images/form/sprite.png");
    text-align: center;
    vertical-align: middle;
    background-position: 0 -260px;
    margin-right: 5px;

}

.cs-field-checkbox-div .checked {
    background-position: -76px -260px;
}

.cs-field-checkbox-div .disabled {
    background-position: -152px -260px;
}

.cs-field-checkbox-div label {
    display: block;
    /*margin-bottom: 5px;*/
}

/*

*/


.cs-field-btn {
    position: absolute;
    right: 0;
    height:37px;
    /*line-height:37px;*/
    text-align: center;
    vertical-align: middle;
    padding:13px;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    border-width: 0;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-shadow: none;
}

.cs-field-btn.default {
    color: #333333;
    text-shadow: none;
    background-color: #e5e5e5;
}
.cs-field-btn.default:hover,
.cs-field-btn.default:focus,
.cs-field-btn.default:active,
.cs-field-btn.default.active,
.cs-field-btn.default[disabled],
.cs-field-btn.default.disabled {
    color: #333333;
    background-color: #d8d8d8;
    outline: none !important;
}

/*  Red */
.cs-field-btn.red {
    color: white;
    text-shadow: none;
    background-color: #d84a38;
}
.cs-field-btn.red:hover,
.cs-field-btn.red:focus,
.cs-field-btn.red:active,
.cs-field-btn.red.active,
.cs-field-btn.red[disabled],
.cs-field-btn.red.disabled {
    background-color: #bb2413 !important;
    color: #fff !important;
    outline: none !important;
}

/*  Blue */

.cs-field-btn.blue {
    color: white;
    text-shadow: none;
    background-color: #4d90fe;
}
.cs-field-btn.blue:hover,
.cs-field-btn.blue:focus,
.cs-field-btn.blue:active,
.cs-field-btn.blue.active,
.cs-field-btn.blue[disabled],
.cs-field-btn.blue.disabled {
    background-color: #0362fd !important;
    color: #fff !important;
    outline: none !important;
}

.cs-field-btn-group .cs-field-btn.blue.dropdown-toggle {
    background-color: #4d90fe !important;
}


/*  Green */
.cs-field-btn.green {
    color: white;
    text-shadow: none;
    background-color: #35aa47;
}
.cs-field-btn.green:hover,
.cs-field-btn.green:focus,
.cs-field-btn.green:active,
.cs-field-btn.green.active,
.cs-field-btn.green.disabled,
.cs-field-btn.green[disabled]{
    background-color: #1d943b !important;
    color: #fff !important;
    outline: none !important;
}

/*  Purple */
.cs-field-btn.purple {
    color: white;
    text-shadow: none;
    background-color: #852b99;
}
.cs-field-btn.purple:hover,
.cs-field-btn.purple:focus,
.cs-field-btn.purple:active,
.cs-field-btn.purple.active,
.cs-field-btn.purple.disabled,
.cs-field-btn.purple[disabled] {
    background-color: #6d1b81 !important;
    color: #fff !important;
    outline: none !important;
}



/*  Yellow */
.cs-field-btn.yellow {
    color: white;
    text-shadow: none;
    background-color: #ffb848;
}
.cs-field-btn.yellow:hover,
.cs-field-btn.yellow:focus,
.cs-field-btn.yellow:active,
.cs-field-btn.yellow.active,
.cs-field-btn.yellow.disabled,
.cs-field-btn.yellow[disabled] {
    background-color: #eca22e !important;
    color: #fff !important;
    outline: none !important;
}
/*  Black */
.cs-field-btn.dark {
    color: white;
    text-shadow: none;
    background-color: #555555;
}
.cs-field-btn.dark:hover,
.cs-field-btn.dark:focus,
.cs-field-btn.dark:active,
.cs-field-btn.dark.active,
.cs-field-btn.dark.disabled,
.cs-field-btn.dark[disabled] {
    background-color: #222222 !important;
    color: #fff !important;
    outline: none !important;
}


/*spinner-style*/
.input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 100%;
}

.input-group-addon {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #555;
    font-weight: normal;
    line-height: 1;
    text-align: center;
}
.input-group-addon.green {
    background-color: #35aa47;
}
.input-group-addon.yellow {
    background-color: #ffb848;
}
.input-group-addon.purple {
    background-color: #852b99;
}
.input-group-addon.black {
    background-color: #555555;
}
.input-group-addon.blue {
    background-color: #4d90fe;
}
.input-group-addon.red {
    background-color: #d84a38;
}

.input-group-addon, .input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}

.input-group-addon, .input-group-btn, .input-group .cs-field-control {
    display: table-cell;
}

.input-group-addon:last-child {
    border-left: 0 none;
}

.input-group .cs-field-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

.input-group-addon {
    width: 55px;
    padding: 0;
    margin: 0;
}

.disabled {
    background-color: #EBEBE4;
}

.uneditable-input {
    height: 34px;
    padding: 6px 12px;
    min-width: 206px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cs-form-col-edit,.cs-form-col-del{
    margin-left:10px;
    cursor:pointer
}
.cs-form-col-edit:hover,.cs-form-col-del:hover,
.cs-form-col-edit:focus,.cs-form-col-del:focus,
.cs-form-col-edit:active,.cs-form-col-del:active{
    color: #f00;
}