body fieldset{border:1px solid #D8D8D8; padding:10px;}
body fieldset legend{padding:3px 8px;font-weight:700;border:1px solid #D8D8D8;background-color: #F9F9F9;}
body fieldset.blue{border:1px solid #dce3ed}
body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none}
.picBut {background:url("./images/picBnt.png") no-repeat 0 -28px;color:#FFF;float:left; text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:75px}
.picBut a{color:#fff;text-decoration: none; width:75px; height:28px;display:inline-block;zoom:1;*display:inline;}
div.btn{background:#f6f6f6; padding:6px 12px 0 12px; height:30px;line-height:30px}

.table-list td,.table-list th{padding-left:12px}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid; padding-top:5px; padding-bottom:5px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.button{background:#ddd;height:24px; border-top:0;border-left:0; border-bottom:1px solid #666; border-right:1px solid #666; padding:3px 6px; margin-right:5px}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(./images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
/*通用表单*/
.common-form{}
.common-form div.contentWrap{padding-right:20px}
.common-form ul li{color:#444; clear:both; vertical-align:middle}
.common-form ul li span.text{width:60px}
.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}
.common-form .set table td,.common-form .set table th{padding-left:12px}
.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}
.common-form .set table td{ padding:3px 0 3px 5px}
.common-form .set table td.y-bg{background: url(./images/set_y_line.png) repeat-y right top}
.common-form .set table td input{ background-image:none; height:18px; font-size:12px}
.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;height:22px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;background: #FFF url(./images/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}
.input-focus{background: #FFF url(./images/input_focus.png) repeat-x; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(./images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
/*表格表单*/
.TableForm{font-size:12px}
.TableForm td{padding-left:12px}
.TableForm th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.TableForm td label{ vertical-align:middle}
.TableForm td,.TableForm th{padding:4px 0 4px 8px}
.TableForm tbody td,.TableForm tbody th{border-bottom:1px solid #eee; }
.TableForm tbody td.LastRow,.TableForm tbody th.LastRow{border-bottom:0px solid #eee; }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
/*select美化*/
.js ul.newList {left:-9999px;}
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {color:#000; height:22px; padding:4px 0 0 6px; float:left; background:url(./images/select-bg.png) no-repeat right 0; border-left:1px solid #dfdfdf}
.newListSelected span {display:block;}
ul.newList li a {padding:3px 8px;display:block;text-decoration: none;}
.selectedTxt {overflow:hidden; height:16px; padding:0 23px 0 0;}
.measure-input {background:url("./images/ruler.gif") repeat-x scroll 0 9px transparent}
.hiLite {background:#e0ebf4!important; color:#444!important;}
.newListHover {background:#f2f7fb!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:right -26px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(./images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}

.picList li{ padding:0 0 8px}
.display {display:none}
/*通用常量*/
.w330{width:330px;}
.w310{width:310px;}
.w170{width:170px;}
.w210{width:210px;}
.w110{width:110px;}
.w100{width:100px;}
.w90{width:90px;}
.w70{width:70px;}
.w60{width:60px;}
.c-red{color:Red;padding-right:3px;}
.c-green{color:Green;padding-right:3px;}
.ClsWhite{color:White;}
label{vertical-align:middle;font-family:tahoma;font-size:12px;}
.InputCheckBox{vertical-align:middle;} 
.goDiv{
    width: 33px;
    height: 33px;
    position: fixed;
    right: 20px;
    bottom: 20px;
	background: url(/assets/images/goTop_icon.png) no-repeat;
    display: none;
}
.itemInput{
    margin-top: 12px;
}
.itemInput input ,.itemInput select{
    width:322px;
    height:38px;
    background: none;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding-left: 5px;
}
.itemInput>label{
    line-height: 38px;
}
.CustomSelect {
                position: relative;
                float: left;
                width: 120px;
                height: 38px;
                padding-left: 11px;
                font-size: 15px;
                line-height: 38px;
                cursor: pointer;
                border: 1px solid #d2d2d2;
                border-radius: 3px;
                margin-right: 20px;
                outline: none;
                
            }

            .CustomSelect:before {
                position: absolute;
                right: 13px;
                top: 18px;
                width: 0;
                height: 0;
                content: "";
                border-width: 8px 8px 0 8px;
                border-style: solid;
                border-color: #d36969 transparent;
                -webkit-transition: transform .25s;
                -moz-transition: transform .25s;
                -ms-transition: transform .25s;
                -o-transition: transform .25s;
                transition: transform .25s;
            }

            .CustomSelect:after {
                position: absolute;
                right: 15px;
                top: 18px;
                width: 0;
                height: 0;
                content: "";
                border-width: 6px 6px 0 6px;
                border-style: solid;
                border-color: #fff transparent;
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
            }

            .CustomSelect.active:before {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .CustomSelect.active:after {
                top: 20px;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .CustomSelect .dropdown {
                position: absolute;
                right: 0;
                left: 0;
                display: none;
                padding: 0;
                border-radius: inherit;
                border: 1px solid #d2d2d2;
                box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
                
            }

            .CustomSelect.active .dropdown {
                display: block;
            }

            .CustomSelect .dropdown:before {
                position: absolute;
                right: 13px;
                bottom: 100%;
                width: 0;
                height: 0;
                content: "";
                border-width: 0 8px 8px 8px;
                border-style: solid;
                border-color: #d2d2d2 transparent;
               
            }

            .CustomSelect .dropdown:after {
                position: absolute;
                right: 15px;
                bottom: 100%;
                width: 0;
                height: 0;
                content: "";
                border-width: 0 6px 6px 6px;
                border-style: solid;
                border-color: #fff transparent;
               
            }

            .CustomSelect .dropdown li {
                float: left;
                width: 129px;
                font-size: 14px;
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -ms-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                transition: all .3s ease-out;
                text-align: center;
                
            }

            .CustomSelect .dropdown li:first-of-type {
                border-radius: 3px 3px 0 0;
            }

            .CustomSelect .dropdown li:last-of-type {
                border-radius: 0 0 3px 3px;
            }

            .CustomSelect .dropdown li:hover {
                color: #fff;
                background: #c43c3d;
            }