﻿
a:link, a:visited {  text-decoration: none; }
a:hover, a:active {  text-decoration: none; }
li{ list-style-type:none;}
/*------------------ 按钮样式
----使用案例： <a href="#" class="lsbtn lsbtn-orange">上传资源</a>
      */
.lsbtn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    height:20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    overflow:hidden;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    text-decoration:none;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
    background-repeat: repeat-x;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}
/*蓝色*/
.lsbtn-blue {
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #348AC7;
    background-image: linear-gradient(to bottom, #00B3F7, #018BCA);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.lsbtn-blue:link{color:#fff;}
.lsbtn-blue:hover{background-image: linear-gradient(to bottom, #018BCA, #018BCA); _background-color: #0188C9;*background-color: #0188C9; background-color: #0188C9; color:#fff; text-decoration:none;}
.lsbtn-blue:focus,.lsbtn-blue:active{color:#fff; text-decoration:none;}

/*橙色*/
.lsbtn-orange {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #F67A00;
    background-image: linear-gradient(to bottom, #F7AF03, #F67A00);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.lsbtn-orange:link{color:#fff;}
.lsbtn-orange:hover{background-image: linear-gradient(to bottom, #F67A00, #F67A00); _background-color: #F07800;*background-color: #F07800; background-color: #F07800; color:#fff; text-decoration:none;}
.lsbtn-orange:focus,.lsbtn-orange:active{color:#fff; text-decoration:none;}

/*绿色*/
.lsbtn-green {
    color:#fff;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color:#4C9440;
    background-image: linear-gradient(to bottom,#81CD34, #5DA14E);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.lsbtn-green:link{ color:#fff;}
.lsbtn-green:hover{background-image: linear-gradient(to bottom, #5DA14E, #5DA14E); _background-color: #5DA14E;*background-color: #5DA14E; background-color: #5DA14E; color:#fff; text-decoration:none;}
.lsbtn-green:focus,.lsbtn-green:active{color:#fff; text-decoration:none;}

/*灰色正常*/
.lsbtn-gray {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #DCDCDC;
    color:#666;
    background-image: linear-gradient(to bottom, #FDFDFD, #E7E7E7);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.lsbtn-gray:link{ color:#666;}
.lsbtn-gray:hover{background-image: linear-gradient(to bottom, #E7E7E7, #E7E7E7); _background-color: #D5D5D5;*background-color: #D5D5D5; background-color: #D5D5D5; text-decoration:none;color:#666;}
.lsbtn-gray:focus,.lsbtn-gray:active{ text-decoration:none;color:#666;}
/*灰色禁用*/
.lsbtn-gray-jy {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #DCDCDC;
    color:#fff;
    background-image: linear-gradient(to bottom, #FDFDFD, #E7E7E7);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.lsbtn-gray-jy:link{ color:#fff;}
.lsbtn-gray-jy:hover{ text-decoration:none;color:#fff;}
.lsbtn-gray-jy:focus,.lsbtn-gray-jy:active{ text-decoration:none;color:#fff;}

/*-------------------------
   温馨提示层*/
.lsalert_info{padding: 8px 35px 8px 14px;margin-bottom: 15px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);border-radius: 3px;-ms-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px; position:relative;}
.lsalert_info-gray{background-color: #F2F2F2;border: 1px solid #f1f1f1;color: #999999;}
.lsalert_info-left{width:88px; height:60px; display:inline-block;  position:absolute; background:url('/web/Style/images/all_four_icon.png') no-repeat; background-position:-48px -363px; left:10px; bottom:50px;}
.lsalert_info-right{ margin-left:100px;}


/*------------------------- 按钮中的图标样式
-----使用案例：<i class="lsbtn_i_icon lsbtn_i_upload_icon">&nbsp;</i>
*/
.lsbtn_i_icon {background:url('/web/Style/images/all_four_icon.png') no-repeat; display:inline-block;}
/*保存*/
.lsbtn_i_save_icon{ width:20px; height:22px;  background-position:-284px -213px;}
/*修改*/
.lsbtn_i_up_icon{ width:25px; height:22px;  background-position:-155px -186px;}
/*提交*/
.lsbtn_i_ok_icon{ width:32px; height:22px;  background-position:-79px -185px;}
/*增加*/
.lsbtn_i_add_icon{ width:28px; height:20px;  background-position:-220px -60px;}
/*上传*/
.lsbtn_i_upload_icon{ width:28px; height:20px;  background-position: -85px -62px;}
/*删除垃圾桶的形式*/
.lsbtn_i_del_lj_icon{ width:21px; height:20px;  background-position:-324px -113px;}
/*删除×的形式*/
.lsbtn_i_del_icon{ width:28px; height:20px;  background-position:-118px -183px;}
/*查找*/
.lsbtn_i_cz_icon{ width:28px; height:20px;  background-position:-41px -62px;}
/*提问*/
.lsbtn_i_tw_icon{ width:28px; height:20px;  background-position: -235px -106px;}
/*收藏白色空心大图标*/
.lsbtn_i_sckx_icon{ width:32px; height:25px;  background-position: -189px -184px;}
/*收藏白色空心小图标*/
.lsbtn_i_sckx_small_icon{width: 25px;height: 20px;background-position: -82px -159px;}
/*打包下载*/
.lsbtn_i_zip_icon{ width:20px; height:20px;  background-position: -246px -216px;}
/*在线组卷*/
.lsbtn_i_zujuan_icon{ width:28px; height:20px;  background-position: -120px -61px;}
/*下载大图标*/
.lsbtn_i_down_icon{ width:28px; height:20px;  background-position: -310px -397px;}
/*下载小图标*/
.lsbtn_i_down_small_icon{width: 25px;height: 20px;background-position: -110px -159px;}
/*预览*/
.lsbtn_i_view_icon{width: 20px;height: 20px;background-position: -297px -110px;}

