﻿/* icon */
.loading{background:url(../images/loading.gif) no-repeat;padding:0 5px 0 20px;}
.ico{background:url(../images/common.gif) no-repeat;padding:0 5px 0 18px;line-height:18px;height:18px;display:inline-block;font-style:normal;}
.right{background-position:0 -3px;color:green;}
.err{background-position:0 -28px;color:red;}
.question{background-position:0 -54px;color:#128fb4;}
.info{background-position:0 -79px;}
.author{background-position:0 -104px;}
.date{background-position:0 -129px;}
.email{background-position:0 -154px;}
.unread{background-position:0 -179px;}
.read{background-position:0 -204px;}
.news{background-position:0 -229px;}
.plus{background-position:0 -254px;}
.minus{background-position:0 -279px;}
.add{background-position:0 -304px;}
.del{background-position:0 -329px;}
.edit{background-position:0 -354px;}
.new{background-position:0 -379px;}

/* link button */
.linkbtn,.linkbtn span,.bluebtn,.bluebtn span,.orangebtn,.orangebtn span,.greenbtn,.greenbtn span{background:url(../images/link_btn_bg.gif) no-repeat;}
.linkbtn,.bluebtn,.orangebtn,.greenbtn{background-position:left top;display:inline-block;height:26px;line-height:24px;padding-left:15px;color:#666;font-size:14px;text-align:center;vertical-align:middle;text-decoration:none;border-width:0;}
.linkbtn span,.bluebtn span,.orangebtn span,.greenbtn span{display:inline-block;height:26px;padding-right:15px;background-position:right -30px;}
.linkbtn:hover{color:#fff;text-decoration:none;background-position:left -120px;}
.linkbtn:hover span{background-position:right -150px;}
.bluebtn{background-position:left -60px;}
.bluebtn span{color:#fff;background-position:right -90px;}
.bluebtn:hover{color:#fff;text-decoration:none;background-position:left -120px;}
.bluebtn:hover span{background-position:right -150px;}
.orangebtn{background-position:left -120px;}
.orangebtn span{color:#fff;background-position:right -150px;}
.orangebtn:hover{color:#fff;text-decoration:none;background-position:left -180px;}
.orangebtn:hover span{background-position:right -210px;}
.greenbtn{background-position:left -180px;}
.greenbtn span{color:#fff;background-position:right -210px;}
.greenbtn:hover{color:#fff;text-decoration:none;background-position:left -120px;}
.greenbtn:hover span{background-position:right -150px;}
.lightbtn{display:inline-block;padding:2px 8px;line-height:18px;font-size:12px;color:#666;background:#e6e6e6 url(../images/light_btn_bg.gif) repeat-x left -10px;border-radius:3px;}
.lightbtn:hover{color:#fff;text-decoration:none;background-color:#ff8c22;background-position:left -130px;}
.b2{color:#fff;background-position:left -50px;}
.b2:hover{background-position:left -130px;}
.b3{color:#fff;background-position:left -90px;}
.b3:hover{background-position:left -130px;}
.b4{color:#fff;background-position:left -130px;}
.b4:hover{background-position:left -90px;}

/* xltip */
#xltip{position:absolute;width:auto;white-space:nowrap;left:0;top:-52px;z-index:9997;display:none;}
#xltip .tip_con{_float:left;white-space:nowrap;font-size:0;letter-spacing:-5px;*zoom:1;}
#xltip .tip_con:before,.msgtip2 .content:after{content:'';display:table;}
#xltip .tip_con:after{clear:both;}
#xltip .tip_triangle_down, #xltip .tip_triangle_up, #xltip .tip_con_left, #xltip .tip_con_right, #xltip .tip_con_inner, 
#xltip .success, #xltip .error, #xltip .info{display:inline-block;height:50px;overflow:hidden;vertical-align:top;background-image:url(../images/tip2.png);_background-image:url(../images/tip2_ie6.gif);}
#xltip .tip_triangle_down{position:absolute;top:0;left:22px;width:26px;height:12px;background-position:0 -129px;}
#xltip .tip_triangle_up{position:absolute;top:37px;left:22px;width:26px;height:12px;background-position:0 -103px;}
#xltip .tip_con_left{float:left;width:17px;}
#xltip .ico_suc{width:39px;background-position:0 -150px;}
#xltip .ico_err{width:39px;background-position:0 -200px;}
#xltip .ico_info{width:39px;background-position:0 -250px;}
#xltip .tip_con_right{float:left;width:17px;background-position:right 0;}
#xltip .tip_con_inner{float:left;background-position:0 -50px;overflow:visible;}
#xltip .tip_con_inner .tip_con_text{display:inline-block;margin-top:12px;line-height:22px;color:#606060;font-family:"Microsoft Yahei";font-size:14px;letter-spacing:normal;cursor:default;}
#xltip .tip_con_inner .suc_txt{color:#63a20e;}
#xltip .tip_con_inner .err_txt{color:#ce3200;}

/* msgtip */
#msgtip,#msgtip .tip_ico_suc,#msgtip .tip_ico_err,#msgtip .tip_ico_info,#msgtip .tip_ico_clear,#msgtip .tip_end{float:left;height:54px;line-height:54px;font-weight:700;font-size:14px;color:#606060;background-image:url(../images/tip.png);_background-image:url(../images/tip_ie6.gif);background-repeat:no-repeat;}
#msgtip{background-position:0 -161px;background-repeat:repeat-x;padding:0 18px 0 9px;position:fixed;left:45%;top:45%;z-index:9998;}
#msgtip .tip_ico_err{background-position:-6px -108px;position:absolute;left:-45px;top:0;width:45px;}
#msgtip .tip_ico_suc{background-position:-6px 0;position:absolute;left:-45px;top:0;width:45px;}
#msgtip .tip_ico_info{background-position:-6px -54px;position:absolute;left:-45px;top:0;width:45px;}
#msgtip .tip_ico_clear{background-position:-6px 0;position:absolute;left:-5px;top:0;width:5px;}
#msgtip .tip_end{background-position:0 0;position:absolute;right:-6px;top:0;width:6px;}
#msgtip img{float:left;margin:19px 10px 0 5px;}

/* back to top */
#back-to-top{position:fixed;display:none;bottom:30px;right:30px;}
#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:50px;}
#back-to-top a:hover{color:#666;}
#back-to-top a span{background:transparent url(../images/backtotop.png) no-repeat;display:block;height:50px;width:50px;margin-bottom:3px;
    -webkit-transition:background 0.5s;
    -moz-transition:background 0.5s;
    transition:background 0.5s;}
#back-to-top a:hover span{background:transparent url(../images/backtotop.png) no-repeat -50px 0;}

/* uploadbox */
.uploadbox{position:relative;display:inline-block;height:22px;vertical-align:middle;*display:inline;}
.uploadbox .upload-btn{background:url(../images/btn_h22.gif) no-repeat;height:22px;line-height:22px;color:#333;vertical-align:middle;display:inline-block;*display:inline;border-radius:3px;}
.uploadbox .upload-btn:hover{background-position:0 -22px;}
.uploadbox .upload-btn:active{background-position:0 -44px;}
.uploadbox .upload-btn.disabled{background-position:0 -66px;}
.uploadbox .upload-progress{position:absolute;top:0;left:0;padding:2px 5px;width:115px;height:26px;border:1px solid #d0d0d0;background:#fff;overflow:hidden;}
.uploadbox .upload-progress .txt{display:block;padding-right:10px;font-weight:400;font-style:normal;font-size:11px;line-height:18px;height:18px;text-overflow:ellipsis;overflow:hidden;}
.uploadbox .upload-progress .bar{position:relative;display:block;width:112px;height:4px;border:1px solid #68af02;}
.uploadbox .upload-progress .bar b{display:block;width:0;height:4px;font-weight:400;text-indent:-99em;background:#68af02;overflow:hidden;}
.uploadbox .upload-progress .close{position:absolute;display:block;top:1px;right:1px;width:14px;height:14px;text-indent:-99em;background:url(../images/uploadbox_close.gif) no-repeat;cursor:pointer;overflow:hidden;}