SjMes/PaintingScreen/CSS/Basics.css

.top {
    top: 20px;
    padding: 0px;
    border: 1px solid #CBD0D4;
    width: 99%;
    background-color: #F0F3F8;
    margin-bottom: 10px;
}

    .top .title {
        margin-left: 10px;
        color: #000;
        font-weight: bold;
    }

    .top .subDesc {
        margin-left: 50px;
        color: #ff0000;
    }

    .top table {
        border: 0px;
    }

        .top table tr td {
            padding: 5px 0px 5px 5px;
        }

            .top table tr td h4 {
                font-size: 12px;
                color: #333;
            }

    .top .searchBtn, .addBtn, .delBtn, saveBtn, .penBtn, .topaddBtn, .topdelBtn, .toppenBtn, .topsearchBtn, .topexcelBtn ,.toppicBtn,.toppdfBtn,#wmtoc .mtocBtn ,#wmtoc .mtocdelBtn{
        line-height: 25px;
        height: 25px;
        padding: 3px 10px 3px 26px;
        border: 1px solid #ccc;
        color: #333;
        font-size: 14px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 5px 5px;
        background-color: #fff;
    }

    .top .searchBtn {
        background-image: url('/SysImages/Basics/Search.png');
    }

        .top .searchBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .addBtn {
        background-image: url('/SysImages/Basics/add.png');
    }

        .top .addBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .delBtn {
        background-image: url('/SysImages/Basics/Delete.png');
    }

        .top .delBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .penBtn {
        background-image: url('/SysImages/Basics/pen.png');
    }

        .top .penBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .topexcelBtn {
        background-image: url('/SysImages/Basics/Excel.png');
    }

        .top .topexcelBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .topsearchBtn {
        background-image: url('/SysImages/Basics/Search.png');
    }

        .top .topsearchBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .topaddBtn,#wmtoc .mtocBtn{
        background-image: url('/SysImages/Basics/add.png');
    }

        .top .topaddBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .topdelBtn ,#wmtoc .mtocdelBtn {
        background-image: url('/SysImages/Basics/Delete.png');
    }

        .top .topdelBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top .toppenBtn {
        background-image: url('/SysImages/Basics/pen.png');
    }

        .top .toppenBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

    .top table tr td input {
        line-height: 22px;
        height: 22px;
    }
     .top .toppdfBtn {
        background-image: url('/SysImages/Basics/PDF.png');
    }

        .top .toppdfBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }

#ft .saveBtn ,#ftmtoc .closeBtn{
    background-image: url('/SysImages/Basics/save.png');
    line-height: 25px;
    height: 25px;
    padding: 3px 20px 3px 36px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: #fff;
}
#ftmtoc .closeBtn{
    background-image: url('/SysImages/Basics/delete1.png');
}
    #ft .saveBtn:hover {
        border: 1px solid #999;
        background-color: #eee;
    }

#wexcel .topexcelBtn,#wexcel2 .topexcelBtn {
     background-image: url('/SysImages/Basics/Excel.png');
      line-height: 25px;
        height: 25px;
        padding: 3px 10px 3px 26px;
        border: 1px solid #ccc;
        color: #333;
        font-size: 14px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 5px 5px;
        background-color: #fff;

}
    #ftexcel .saveBtn ,#ftpicture .saveBtn,#ftexcel2 .saveBtn{
    background-image: url('/SysImages/Basics/save.png');
    line-height: 25px;
    height: 25px;
    padding: 3px 20px 3px 36px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: #fff;
}

    #ftexcel .saveBtn:hover {
        border: 1px solid #999;
        background-color: #eee;
    }

      #wpdf .pdfBtn ,#w .pdfBtn{
           line-height: 25px;
        height: 25px;
        padding: 3px 10px 3px 26px;
        border: 1px solid #ccc;
        color: #333;
        font-size: 14px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: 5px 5px;
        background-color: #fff;
        background-image: url('/SysImages/Basics/PDF.png');
    }

        #wpdf .pdfBtn:hover {
            border: 1px solid #999;
            background-color: #eee;
        }
         #ftpdf .saveBtn ,#ftpicture .saveBtn{
    background-image: url('/SysImages/Basics/save.png');
    line-height: 25px;
    height: 25px;
    padding: 3px 20px 3px 36px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-color: #fff;
}

    #ftpdf .saveBtn:hover {
        border: 1px solid #999;
        background-color: #eee;
    }