@charset "utf-8";
/**
* @name: 组件样式
* @function: 包含input,button,select,textarea等自定义组件
* @require: reset.css
* @author: 周晶 (2015-1-16)
**/

select,button,input[type="button"],input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"] {
    cursor:pointer;
}
input[type="text"],input[type="password"],input[type="file"],.file,textarea,select,.u-dropdown,.input {
    display:inline-block;
    width:150px;
    height:20px;
    line-height:20px;
    padding:4px 10px;
    vertical-align:middle;
    border:1px solid #7d7d7d;
    background-color:#FFF;
    color:#333;
}
textarea {
    overflow:auto;
    vertical-align:top;
}
input.watermark, textarea.watermark {
    color: #999;
}
select {
    width:172px;
    height:auto;
    *margin-top:4px;
    padding: 5px 10px;

}
/*input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:hover,
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
    border-color: #12a0ff;
}
input[type="text"][readonly],input[type="password"][readonly],input[type="file"][readonly],textarea[readonly],select[readonly],
input[type="text"][disabled],input[type="password"][disabled],input[type="file"][disabled],textarea[disabled],select[disabled] {
    color:#999;
    background-color:#ebebeb;
    border-color: #dcdcdc!important;
}
input.error,textarea.error,select.error {
    border-color:#ff7d73!important;
}*/
input.datepicker {
    width: 115px;
    background: #FFF url(../images/icon_datepicker.png) no-repeat 115px center;
    _background-color: none;
}

input[type="radio"],input[type="checkbox"] {
    margin-right:8px;
    *margin-right: 5px;
    vertical-align:middle;
    line-height:normal;
    *margin-left:-4px;
    margin-bottom: 2px;
    *margin-bottom:0;
}
input[type="radio"][disabled],input[type="checkbox"][disabled],select[readonly],select[disabled] {
    cursor:default;
}
label {
    display:inline-block;
    *display:inline;
}

/* public Button CSS */
.btn {
    display: inline-block;
    width: 70px;
    padding: 0 10px;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #999797;
    text-align: center;
    cursor: pointer;
    color: #FFF;
}
.btn:hover {

}
.btn-primary {
    background-color: #b64545;
    color: #FFF;
}
.btn-primary:hover {

}
.btn.disabled,
.btn[disabled],
.btn-primary.disabled,
.btn-primary[disabled] {
    cursor: default;
    color: #999;
}

/* 特殊按钮 */
.btn-link {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
    line-height: 20px;
    text-decoration: none!important;
}
.btn-link:hover{
    background-color: #c3d7f3;
}

.btn-clear {
    width: 90px;
}

/* combobox css */
.u-dropdown {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}
.u-dropdown .dropdown-text {
    display: block;
    height: 20px;
    line-height: 20px;
    background: url("../images/icon_combobox.png") no-repeat right center;
    cursor: pointer;
}
.u-dropdown.disabled .dropdown-text {
    cursor: default;
}
.u-dropdown .dropdown-list {
    display: none;
    position: absolute;
    left: -1px;
    top: 28px;
    width: 100%;
    z-index: 20;
    border: 1px solid #7d7d7d;
}
.u-dropdown .dropdown-list li {
    height: 20px;
    line-height: 20px;
    padding: 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.u-dropdown .dropdown-list li.selected {
    background-color: #bcd0ec;
}

.btn-link.active {
    background: #c3d7f3;
}
.btn-link.active:active{
	background: #c3d7f3;
}

.icon-org{
    display: block;
    padding-left: 39px;
    background: url('../images/icon_org.jpg') left center no-repeat;
}
.icon-pdt{
    display: block;
    padding-left: 42px;
    background: url('../images/icon_pdt.jpg') left center no-repeat;
}
.icon-hone{
    display: block;
    padding-left: 41px;
    background: url('../images/icon_hone.jpg') left center no-repeat;
}
.icon-worker{
    display: block;
    padding-left: 34px;
    background: url('../images/icon_worker.jpg') left center no-repeat;
}
.icon-policy{
    display: block;
    padding-left: 42px;
    background: url('../images/icon_policy.jpg') left center no-repeat;
}
.icon-org{
    background: url('../images/icon_org.jpg') 13px center no-repeat;
}
.icon-pdt{
    background: url('../images/icon_pdt.jpg') 9px center no-repeat;
}
.icon-hone{
    background: url('../images/icon_hone.jpg') 10px center no-repeat;
}
.icon-worker{
    background: url('../images/icon_worker.jpg') 10px center no-repeat;
}

.has-tips{
    /*position: relative;*/
    background: url('../images/icon_tips.jpg') 3px center no-repeat;
}
.icon-f1 {
    background: url('../images/icon_f1.jpg') no-repeat;
}
.icon-f2 {
    background: url('../images/icon_f2.jpg') no-repeat;
}