/*图标状态提示
窗口居中显示
需要自动关闭
使用场景：1、数据提交时显示加载中
          2、处理成功后显示处理结果
*/
.float{width:120px;height:40px;position:fixed;top:35%;left:50%;margin-left:-60px;background-color:#5e5e5e;
       opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=8);
       border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
       text-align:center;padding:80px 0px 0px 0px;color:#fff;font-size:16px;
       background-position:center 22px;background-repeat:no-repeat;
       z-index:9999;}
.float.loading{background-image:url(../images/loading3.gif);}/*数据处理中，带加载图标消息提示，处理完成执行关闭*/
.float.true{background-image:url(../images/float_ok.png);}/*处理成功，带勾的消息提示*/
/*.float.false{} 错误时用messagebox弹出提示*/

/*文字消息提示
窗口居中显示
需要自动关闭
使用场景：处理或验证失败的文字提示
*/
.messagebox{width:100%;position:fixed;left:0px;top:35%;text-align:center;z-index:9999;}
.messagebox .msg{display:inline-block;background:url(../images/opacity75.png);overflow:hidden;
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:20px;
    text-align:center;padding:10px 20px 10px 20px;color:#fff;font-size:16px;
}
.messagebox .msg a{color:#f2ed05;}

/*弹窗消息，带确定按钮*/
.alertbox{position:fixed;z-index:9999;width:100%;height:100%;background:url(../images/opacity30.png);top:0px;left:0px;}
.alertbox .boxpnl{position:absolute;z-index:99999;width:300px;left:50%;top:30%;margin-left:-150px;
                  background-color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.alertbox .boxpnl .msg{padding:20px 20px 20px 20px;font-size:14px;color:#888;line-height:22px;text-align:left;border-bottom:solid 1px #e8e8ea;}
.alertbox .boxpnl .msg a{color:#0067cd;}
.alertbox .boxpnl .btn{height:40px;display:block;line-height:40px;text-align:center;width:300px;
                       font-size:16px;color:#0bb20c;overflow:hidden;}
.alertbox .boxpnl .btn:hover{background-color:#f0f0f0;}
/*弹窗消息，带确定和取消按钮*/
.alertbox.confirmbox{}
.alertbox.confirmbox .btn{width:150px;float:left;}
.alertbox.confirmbox .btn.cancel{width:149px;color:#353535;border-left:solid 1px #e8e8ea;}

/*end浮动层-------------------------------------*/


/*表单*/
.form{line-height:30px;}
.form .item{clear:both;}
.form .item .key{float:left;width:75px;text-align:right;padding:5px 5px 5px 0px;}
.form .item .val{float:left;padding:5px 5px 5px 5px;}
.form .item .red{color:#ff0000;}
.form .txt{width:260px;height:28px;line-height:28px;border:solid 1px #ccc;padding:0px 3px 0px 3px;margin:0px;
           font-size:14px;font-family:'Microsoft YaHei',Arial;
           border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-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;
}
.form .txt:focus{border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}

.form select{padding:5px 3px 5px 3px;
            border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:solid 1px #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-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;}
.form select:focus{border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}

/*按钮*/
a.button{display:inline-block;height:40px;line-height:40px;width:100%;background-color:#37649f;color:#fff;font-size:16px;
         border:solid 1px #dedede;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-align:center;}
a.button.red{border:solid 1px #990100;background-color:#990100;}
a.button.orange{border:solid 1px #de4949;background-color:#ff6600;}
a.button.blue{border:solid 1px #1bbafc;background-color:#1bbafc;}
a.button.green{border:solid 1px #04b102;background-color:#24b707;}
a.button.grey{border:solid 1px #dedede;background-color:#efefef;color:#666;}