html, body, div, table, tr, td, p, h1, h2, h3, h4, h5, h6, a, img, ul, ol, li {
    margin: 0;
    padding: 0;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img {
    border: 0 none;
}

body {
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #444;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
}

.div_main {
    width: 1000px;
    height: 699px;
    margin: 0 auto;
    padding-top: 1px;
    background: #54B948;
}

.table_main {
    width: 998px;
    height: 698px;
    margin: 0 auto;
}

.table_main__left {
    width: 400px;
    padding: 25px 50px;
    color: #fff;
    background: #fff;
    text-align: left;
}

.table_main__right {
    position: relative;
    padding: 25px;
    background: #dfdfdf;
}

h1 {
    font-family: 'Segoe UI semilight', 'Segoe UI', Arial, sans-serif;
    font-weight: normal;
    font-size: 21px;
    color: #222;
}

.updateVersion {
   color: #54B948;
}

h2 {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 18px;
    color: #222;
}

.table_main__left img {
    display: block;
    margin: 0 auto 15px;
}

.table_main__left a {
    position: absolute;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #54B948;
    transition: background ease-out .5s;
    zoom: 1;
}

    .table_main__left a:hover {
        background: #479D3D;
    }

.install_block {
    top: 0;
    left: 50px;
    width: 350px;
    height: 245px;
    padding: 110px 25px 35px;
}

.install_block__img {
    display: block;
    padding: 65px;
    margin: 0 auto 45px;
    background: url(../Images/vbr_large.png) no-repeat center center;
}

.install_block__text {
    display: inline-block;
    line-height: 40px;
    padding: 0 35px;
    border: solid 1px #fff;
}


.install_documentation,
.install_training {
    width: 148px;
    padding: 50px 25px 50px;
}

.install_documentation {
    top: 394px;
    left: 50px;
}

.install_training {
    top: 394px;
    left: 252px;
}

.copyright {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 500px;
    text-align: center;
    font-size: 12px;
    color: #444;
}

.gray_block {
    display: block;
    padding: 25px 25px 33px 102px;
    text-decoration: none;
    color: #444;
    transition: background-color ease-out .5s;
    zoom: 1;
}

    .gray_block:hover {
        background-color: #eee;
    }

.bg_install_icon_1 {
    background: url(../Images/vbr.png) no-repeat 25px 25px;
}

.bg_install_icon_2 {
    background: url(../Images/em.png) no-repeat 25px 25px;
}

.bg_install_icon_3 {
    background: url(../Images/vbrc.png) no-repeat 25px 25px;
}

.bg_install_icon_4 {
    background: url(../Images/vbrplugins.png) no-repeat 25px 25px;
}

.gray_block__p {
    display: block;
    padding-top: 8px;
}

.gray_block__a {
    color: #0b60a0;
}

.img_close {
    position: absolute;
    top: 10px;
    right: 22px;
}

.img_minimize {
    position: absolute;
    top: 10px;
    right: 56px;
}





.install_block.disabled {
    background-color: #d3d3d3;
}

    .install_block.disabled:hover {
        background-color: #C0C0C0;
        cursor: default;
    }

    .install_block.disabled .install_block__text {
        display: block;
        padding: 0;
        text-align: center;
        color: #000;
        font-size: 11px;
        line-height: 15px;
        border: 0;
    }

    .install_block.disabled .install_block__img {
        background: url(../Images/vbr_disabled_large.png) no-repeat center center;
    }


.gray_block.disabled {
    min-height: 65px;
    padding: 25px 25px 25px 102px;
}

    .gray_block.disabled .gray_block__p {
        padding-top: 0;
        padding-bottom: 5px;
        color: #888;
        line-height: 20px;
    }

.gray_block.bg_install_icon_1.disabled {
    background: url(../Images/vbr_disabled.png) no-repeat 25px 25px;
}

.gray_block.bg_install_icon_2.disabled {
    background: url(../Images/em_disabled.png) no-repeat 25px 25px;
}

.gray_block.bg_install_icon_3.disabled {
    background: url(../Images/vbrc_disabled.png) no-repeat 25px 25px;
}

.gray_block.bg_install_icon_4.disabled {
    background: url(../Images/vbrplugins_disabled.png) no-repeat 25px 25px;
}

.gray_block.disabled:hover {
    background-color: #ECECEC;
    cursor: default;
}

.gray_block.disabled .gray_block__a {
    color: #000;
    font-size: 11px;
    line-height: 15px;
}
