﻿/*嵌入提示：嵌入到页面中
主要用于：表单提交的验证反馈
*/
/*.tip{min-width:16px;min-height:16px;display:inline-block;overflow:hidden;background:url(../images/truefalse.png) no-repeat 0px 0px;font-family:Arial;font-size:12px;line-height:16px;padding:0px 0px 0px 22px;}*/
/*.tip.def{background-position:100px 100px;color:#aaa;}*//*默认，无图标*/
/*.tip.sel{background-position:100px 100px;color:#666;}*//*选中，高亮显示文本*/
/*.tip.true{background-position:4px 0px;color:#4ad908;}*//*验证正确，打勾图标*/
/*.tip.false{background-position:4px -30px;color:#ff0000;}*//*错误，打叉图标 红色文本*/
/*.tip a{color:#0967af;}
.tip a:hover{text-decoration:underline;}
.tip.loading{background:url(../images/loading2.gif) no-repeat 0px 0px;line-height:16px;color:#333;display:inline-block;overflow:hidden;}*//*加载中*/

/*begin浮动层：用于提示的浮动层，层次优先级：最高=9999-------------------------------------*/

/*图标状态提示
窗口居中显示
需要自动关闭
使用场景：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{padding:5px 0px 5px 0px;}
.form .key{float:left;width:100px;height:35px;text-align:right;line-height:35px;font-size:14px;padding:5px 0px 5px 0px;}
.form .val{float:left;padding:5px 0px 5px 10px;}
.form .txt{min-width:260px;height:33px;border:solid 1px #d8d8d8;padding:0px 0px 0px 3px;margin:0px;
           border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:33px;font-size:14px;
}

/*按钮*/
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 #de4949;background-color:#ef4f4f;}
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;}

