body{ font-size: 12px;}
ul,li{ margin: 0; padding: 0; list-style: none;}
input::-ms-clear{display: none}
/**baseinput start**/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

input[type="number"] {
-moz-appearance: textfield;
}
.yui-baseinput{ display: inline-block; position: relative; height: 27px;}
.yui-baseinput input{ height: 100%; width: 100%; border: 1px solid #ccc; padding: 0 5px; border-radius: 3px; outline: 0; }
.yui-baseinput input:focus{ border-color: #58B2E6;}
.yui-baseinput textarea{ resize: none; height: 100%; overflow: auto; width: 100%; border: 1px solid #ccc; outline: 0; border-radius: 3px; padding: 0 5px;}
.yui-baseinput .clear{ width: 16px; height: 16px; background: url(/lib/images/reg_icons.png) -32px -24px no-repeat; position: absolute; z-index: 1; right: 1px; top: 50%; transform: translateY(-50%); cursor: default;}
.yui-baseinput .clear:hover{ background-position: -48px -24px;}
.yui-baseinput .areacode{ position: absolute; width: 30px; left: 1px; top: 1px; height: calc(100% - 2px); padding: 0 3px; background-color: #cecece; border-radius: 3px 0 0 3px;}
.yui-baseinput .yui-input-number{ position: absolute; width: fit-content; top: 100%; left: 5px;}
.yui-baseinput .yui-datalist{ width: 100%; max-height: 150px; margin-top: 1px; position: absolute; z-index: 1; background-color: #fff; border: 1px solid #ccc; text-indent: 5px; overflow-x: hidden; overflow-y: auto!important; line-height: 20px;}
.yui-baseinput .yui-datalist li.active, .yui-baseinput .yui-datalist li:hover{ background-color: #ddd; cursor: default;}

.input-std1-small .yui-baseinput, .yui-baseinput.input-std1-small { height: 22px; line-height: 20px;}
.yui-baseinput input[type='email'] { box-shadow: none; }
.yui-telinput input { padding-left: 31px; }
.yui-baseinput.input-error input, .yui-baseinput.input-error textarea ,.yui-timeSelection.input-error input{ border-color: #F00;}
/*baseinput end*/

/*select by tony*/
.yui-select { position: relative; display: inline-block; height: 27px; line-height: 27px;}
.yui-select .selected-text{ height: 100%; position: relative; padding-left: 5px; background: #FFF; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yui-select .placeholder{ color: #CCC;}
.ui-dialog .yui-select, .sel-std1-small .yui-select { height: 22px !important; line-height: 22px;}
.yui-select .yui-select-text{ position: relative; width: 100%; height: 100%; border: 1px solid #CCC; border-radius: 3px; overflow:hidden;}
.yui-select .yui-select-text input{ width: 100%; height: 100%; text-indent: 5px; cursor: default; border: none; border-radius: 3px; cursor: default;  color: #66A9DF; position: absolute; top: -1px; left: 0; z-index: -1}
.yui-select .yui-select-text em{ display: block; position: absolute; height: 0; overflow: hidden; border: 4px solid #000; border-color: #66A9DF transparent transparent transparent; right: 4px; top: 50%; transform: translate(0, -50%); cursor: default;}
.yui-select.disabled em{display: none;}
.yui-select.disabled .selected-text{ background:#efefef;}
.yui-select .yui-select-list{ width: 100%; position: absolute; top: 27px; left: 0; border: 1px solid #CCC; background: #FFF; text-indent: 5px; z-index:100; max-height: 150px; overflow-y: auto!important;}
.ui-dialog .yui-select .yui-select-list, .sel-std1-small .yui-select .yui-select-list { top: 22px;}
.yui-select .yui-select-list li{ height: 20px; line-height: 20px; cursor: default; font-family: arial; white-space: nowrap; overflow: hidden;}
.yui-select .yui-select-list li:hover,.yui-select .yui-select-list li.li-hover{ background: #CCC;}
.yui-select .yui-select-list li.active{ background: #DDD;}


/*button*/
.yui-button{ position: relative; display: inline-block;}
.yui-button .button-dft{ padding: 0 10px; height: 25px; line-height: 23px; color: #FFF; border: 1px solid #CCC; cursor: pointer;
    background:-webkit-linear-gradient(top,  #158048 0%, #104e0d 50%, #13692e 50%, #158048 100%);
    background:-moz-linear-gradient(top,  #158048 0%, #104e0d 50%, #13692e 50%, #158048 100%);
    background:-o-linear-gradient(top,  #158048 0%, #104e0d 50%, #13692e 50%, #158048 100%);
    background:-ms-linear-gradient(top,  #158048 0%, #104e0d 50%, #13692e 50%, #158048 100%);
    background:linear-gradient(top,  #158048 0%, #104e0d 50%, #13692e 50%, #158048 100%);
}
.yui-button .hover{
    background:-webkit-linear-gradient(top,  #12c372 0%, #118e55 50%, #118e55 50%, #12c372 100%); 
    background:-moz-linear-gradient(top,  #12c372 0%, #118e55 50%, #118e55 50%, #12c372 100%);
    background:-o-linear-gradient(top,  #12c372 0%, #118e55 50%, #118e55 50%, #12c372 100%);
    background:-ms-linear-gradient(top,  #12c372 0%, #118e55 50%, #118e55 50%, #12c372 100%);
    background:linear-gradient(top,  #12c372 0%, #118e55 50%, #118e55 50%, #12c372 100%);}
.yui-button .button-dft:active{ position: relative;bottom: -1px; right: -1px;}
.yui-button .button-dft span{ display: block; text-align: center; height: 23px;}
.yui-button .button-disabled{ color: #999; background: #DDD; cursor: default;}
.yui-button .button-disabled:active{ position: inherit;bottom: 0; right: 0;}
.yui-button .yui-icons{ padding-left: 8px;}
.yui-button .yui-icons em{ background-position: 0 50%; background-repeat: no-repeat; display: block; width: 20px; height: 23px; float: left;}
.yui-button .yui-icons span{ float: left; }
/*示例*/
.yui-button .yui-error em{ background: url(/lib/images/reg_icons.png) no-repeat right -20px;}

/*popup-modal*/
.yui-modal{ width: 100%; height: 100%; position: absolute; z-index: 100; left: 0; top: 0;}
.yui-modal .yui-overlay{width: 100%; height: 100%; position: absolute; z-index: 100; background: #000; opacity: .2; }
.yui-modal .modal{ width: auto; height: auto; position: absolute; z-index: 101; border: 1px solid #CCC; background: #FFF;}
.yui-modal .modal-title{ height: 25px; line-height: 25px; position: relative; }
.yui-modal .moveable{ cursor: move;}
.yui-modal .modal .modal-title h3{ padding: 0; margin: 0; background: #F2F2F2; text-indent: 15px; }
.yui-modal .modal .modal-title .close-button{ width: 25px;height: 25px; line-height: 25px; text-align: center; color:#999; position: absolute; right: 0; top: 0; z-index: 1; cursor: pointer;}
.yui-modal .modal .modal-title .close-button:hover{ color: #333;}
.yui-modal .modal .modal-drag{ position: absolute; right: 0; bottom: 0; width: 15px; height: 15px;  background: url(/internal/common/images/drag.png); cursor: nw-resize;}

/*jQuery.ui.dialog自定义风格*/
.ui-dialog { padding:0; background:#FaFaFa; color:#333; border-color: #e8e8e8 !important; }
.ui-dialog .ui-widget-header { height:30px; background:#FaFaFa;  border: none;  color: #333;  font-weight:normal; text-indent:12px; }
.ui-dialog .ui-dialog-titlebar { position: relative; background:#FaFaFa; padding:0; }
.ui-dialog .ui-dialog-titlebar-close { padding:0;  height: 18px;  margin: -10px 0 0; position: absolute;  right: 5px;  top: 50%;   width: 19px; background: none; border: none;}
.ui-dialog .ui-widget-header .ui-icon { background-image:url(/lib/images/reg_icons.png);}
.ui-dialog .ui-icon-closethick { background-position: -32px -24px; }
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick { background-position: -48px -24px;}
.ui-dialog .ui-state-hover { background:none !important; border:none;}
.ui-dialog .ui-dialog-buttonpane { background: #fafafa; height: 71px; padding: 0.7em 1em 0.5em 1em ;}
.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea { background: #fff; font-size:12px;}
.ui-dialog .ui-dialog-buttonset .ui-button { font-weight:normal; color:#333; background: #58B2E6;   border: 1px solid #89C3E5; border-radius: 3;
    color: #FFF;   font-size: 14px;   padding: 2px 7px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);  width: 112px; height: 32px; display: inline-block; margin: 0 8px 0;}
.ui-dialog .ui-dialog-buttonset .hignline{ background: #ff9783 !important; border-color: #ff9783}
.ui-dialog .ui-button-text-only .ui-button-text { float: none; padding: 0; }
.ui-dialog .ui-state-hover,
.ui-dialog .ui-state-focus { }
.ui-dialog .ui-dialog-buttonpane .ui-state-focus { border-color: #000;  }
.ui-dialog .ui-dialog-buttonset { margin: 0 auto 0;}
.ui-dialog .ui-dialog-buttonset .ui-state-hover {  color:#1C94C4; background: #6DBFEF !important; color: #FFF; }
.ui-dialog .ui-dialog-buttonset .hignline.ui-state-hover{ background: #FFAC9C !important;}
.ui-dialog .ui-dialog-titlebar .ui-state-hover { background: #FFF !important; border: none; }
.ui-dialog .ui-widget-header .ui-state-hover { border:none;}
.ui-icon {  background-repeat: no-repeat;  display: block;  overflow: hidden; text-indent: -99999px;}

/*yui.baseButton组件自定义样式*/
.yui-baseButton { display: inline-block;}
.yui-baseButton .btn { color: #FFF; text-shadow:1px 1px 1px rgba(0, 0, 0, .5); border: 1px solid #89c3e5; border-radius:4px; font-family: arial; font-size: 14px; padding: 0 5px; min-height:26px; text-align: center; width: 100%; background: #58B2E6; cursor: pointer; }
.yui-baseButton .btn:hover { opacity: .8; filter: opacity(80); }
.yui-baseButton.highline .btn { background-color: #ff9783; border-color:#ff9783; }
.yui-baseButton.important-btn .btn, .yui-baseButton.green .btn { background-color: #b4de72; border-color:#b4de72;}
.yui-baseButton_violet .btn{ background-color: #84a7e1; border-color: #84a7e1;}
.btn.disabled,.yui-baseButton button[disabled] { cursor: not-allowed !important;  background: #cecbce !important;  border-color: #cecbce !important; }
.yui-baseButton-icon { padding:0 10px 0 8px; background:url(/lib/images/glyphicons-halflings.png) no-repeat -25px 1px;}
.yui-baseButton-email { background-position:-72px 1px;}
.yui-baseButton .btn.btn-focus { /*box-shadow: 0px 0px 5px #000; */ border-color: #39464e; }

/*yui-timeSelection*/
.yui-timeSelection { height: 27px; line-height: 27px; display: inline-block;}
.yui-timeSelection>div{ display: inline-block;}
.yui-timeSelection.time-std1-small { height: 22px !important; line-height: 22px !important;}
.yui-timeSelection .ui-datepicker_Icon_Wrapper { height: 100%;}
.yui-timeSelection .times-from{ padding-right: 6px;}
.yui-timeSelection span{ margin-right: 8px;}
.yui-timeSelection input{ height: 100%; line-height: 25px; height: 27px; border: 1px solid #CCC; border-radius: 3px; color: #787878; padding: 0 3px; width: 100%; background: url(/lib/images/lib_web_bg.png) no-repeat right bottom #FFF; padding-right: 12px; }
.yui-timeSelection input[disabled] { background-color: #efefef; cursor: not-allowed; border: 1px solid #CCCCCC; color: #333;}
.yui-timeSelection .dateFrom { margin-right: 5px; }

/*yui.paging 分页组件样式*/
.yui-paging { height: auto; width: 100%; text-align: center; font-family: Arial,sans-serif; margin-top: 5px;}
.yui-paging a { cursor:pointer;}
.yui-paging .paging { display:inline; margin-right:30px; list-style: none; width: 400px; }
.yui-paging .paging li { display: inline; margin: 0 2px;}
.yui-paging .paging li a { padding:0 7px; }
.yui-paging .paging li.to-first a { background:url(/lib/images/glyphicons-halflings-blue.png) no-repeat -216px -71px; }
.yui-paging .paging li.pre-pages a { background: url(/lib/images/glyphicons-halflings-blue.png) no-repeat -241px -71px; }
.yui-paging .paging li.next-pages a { background: url(/lib/images/glyphicons-halflings-blue.png) no-repeat -335px -71px; }
.yui-paging .paging li.to-end a { background: url(/lib/images/glyphicons-halflings-blue.png) no-repeat -360px -71px; }
.yui-paging .paging li ul { display:inline; }
.yui-paging .paging li ul li.pages a { color:#333; }
.yui-paging .paging li ul li.pages.on a,
.yui-paging .paging li ul li.pages a:hover { color:#428BCA; text-decoration:underline;}
.yui-paging .gogo {}
.yui-paging .gogo .count { margin-right: 12px; }
.yui-paging .gogo .count span { color: #f00; margin: 0 4px 0; color: #58b2e6 !important; }
.yui-paging input { width: 32px; height: 22px; line-height: 21px; text-align: center; margin: 0 6px;}
.yui-paging .gogo .go-page, .yui-paging .go { font-weight: bold; margin-left: 20px; color: #58b2e6 !important; }
.yui-paging .gogo .go-page:hover, .yui-paging .go:hover { text-decoration:underline; }

.yui-paging a { }
.yui-paging a.prev, .yui-paging a.next { padding: 0 6px;  background: #ccc; margin:0 10px 0 0;  background: url(/lib/images/glyphicons-halflings-blue.png) no-repeat -241px -72px;}
.yui-paging a.next { margin:0 10px 0 10px;  background: url(/lib/images/glyphicons-halflings-blue.png) no-repeat -337px -72px;}
.yui-paging a.off { background:url(/lib/images/lib_web_bg.png) no-repeat -350px 2px; cursor: default; }
.yui-paging a.next.off { background-position: -446px 2px; }
.yui-paging span.num a { display: inline-block; min-width: 10px; margin: 0 6px;}
.yui-paging span.num a.cur { color: #f00; font-weight: bold;}


/*tony: table style*/
.yui-table { width: 100%; min-height: 244px;}
.yui-table table { border-collapse: collapse;table-layout: fixed;width: 100%;}
.yui-table table th, .yui-table table td {border-bottom: 1px solid #E6E6E6; padding: 3px; text-align: left; line-height: 15px; height: 30px;  }
.yui-table table td.tr, .yui-table table th.tr{ text-align: right!important;}
.yui-table table th{ color: #58B2E6; font-weight: bold;}
.yui-table table td{ font-family: arial; color: #747474; word-wrap: break-word; word-break:break-all; line-height: 12px; }
.yui-table .odd td{background-color: #FAFAFA;}
.yui-table .even td{background-color: #fff5df;}
.yui-table .air td{ background-color: #e6eefa; }
.yui-table .whaif td{ background-color: #d3f8e8; }
.yui-table .back_uk td{ background-color: #f0f9fe; }
.yui-table .tr_ocean td{ background-color: #afdffd;}
.yui-table .tr-hover td{background-color: #ffddd6;}
.yui-table .tr-active td{ background-color: #ffddd6 !important; color: #293439; font-weight: bold;}
/*.yui-table .sorting{background: url(images/sort_both.png) no-repeat right;}*/
.yui-table .sorting span{ cursor: pointer;}
.yui-table .sorting span:hover{ text-decoration: underline;}
.yui-table .sort-asc {background-image: url(/lib/images/sort_asc.png);}
.yui-table .sort-desc {background-image: url(/lib/images/sort_desc.png);}
.yui-table td.num { color: #66a9df;}
.yui-table .first { padding-left: 8px;}
.yui-table .line { border: none; background: transparent!important;}
.yui-table .blue-td { color: #58B2E6;}

/*tony: gotoTop*/
#gotoTop{ width: 50px; height: 50px; right: 30px; line-height: 28px; position: fixed; bottom: 20px; text-align: center; display: none; background: none repeat scroll 0 0 padding-box #3C454F; color: #FFF; z-index: 10; background: url(/lib/images/top_icon.png) no-repeat;}
#gotoTop:hover{ background: -moz-linear-gradient(center top, rgba(255, 255, 255, .2), rgba(0, 0, 0, 0)) repeat scroll 0 0 #3C454F;}
#gotoTop span { display: none;}

/*checkboxs组件样式*/
.checkspan { display: inline-block; height: 17px; width: 17px; background: url(/lib/images/lib_web_bg.png) no-repeat -124px 0px; margin-right: 3px; cursor: pointer; }
.checkspan a{ display: inline-block; width: 100%; height: 100%;}
.checkspan.checked { background-position: -64px 0px; }
.checkspan input {  visibility: hidden; }
.checkspan.disable { background-position: -105px 0px; cursor: default; }
.checkspan.disable a{ cursor: default; outline: none;}
.checkspan.disable.checked {  background-position: -85px 0px;}
.checkspan.disable.checked.confirm{ background-position: -1px -30px;}

/*radio*/
.yui-radio{ display: inline-block; width: 20px; height: 20px; line-height: 20px; position: relative; vertical-align: middle; margin-right: 3px;}
.yui-radio:before, .yui-radio:after{ content: ''; display: inline-block; border-radius: 20px; box-sizing: border-box; }
.yui-radio:before{  width: 20px; height: 20px; border: 1px solid #58b2e6; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, .1);}
.yui-radio:after{ width: 8px; height: 8px; position: absolute; left: 6px; top: 6px; background-color: #fff;}
.yui-radio input{ visibility: hidden;}
.yui-radio.checked:after{ background-color: #58b2e6; }
.yui-radio.disable{ cursor: default;}
.yui-radio.disable:before{ border-color: #c7c7c7;}
.yui-radio.disable.checked:after{ background-color: #c7c7c7; }