﻿@charset "utf-8";

p {
    text-align: justify;
}
/* CSS Document */
body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    /*overflow-x: hidden;*/
}

    body form {
        height: 100% !important;
        min-height: 100% !important;
    }

.body-index {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-color: #4d381e;
    background-image: url(/Images/bg-index.png);
    background-repeat: no-repeat;
    background-position: center center;
    overflow-x: hidden;
}

.al-center {
    text-align: center;
}

.al-right {
    text-align: right;
}

.al-left {
    text-align: left;
}

.large-padding {
    padding-top: 35px;
    padding-right: 0px;
    padding-bottom: 35px;
    padding-left: 0px;
}

.sml-padding {
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.none-padding {
    padding: 0px !important;
}

section {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.inner-shadow {
    -moz-box-shadow: inset 0 0 30px 7px #b6b6b6;
    -webkit-box-shadow: inset 0 0 30px 7px #b6b6b6;
    box-shadow: inset 0 0 30px 7px #b6b6b6;
}

.bg-black {
    background-color: #1a1a1a !important;
}

.bg-gray {
    background-color: #f7f7f7 !important;
}

.bg-drk-gray {
    background-color: #2e353d !important;
}

.call-to-action {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.resp-img-wrap {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    .resp-img-wrap img {
        width: 100%;
    }

.round-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.-------------------- {
}

.ix-lgn-bg {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 0px;
    float: left;
    width: 742px;
    background-image: url(../images/ix-tab.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 536px;
    padding: 0px;
}

.ix-lg-inn {
    margin: 66px 0px 0px 66px;
    padding: 0px;
    float: left;
    height: 404px;
    width: 610px;
}

.ix-logo-box {
    margin: 0px;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}

.ix-frm-bx {
    background-color: #00132e;
    text-align: center;
    display: inline-block;
    float: none;
    width: 80%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}

.ix-frm-ftr {
    margin: 0px;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

    .ix-frm-ftr a {
        font-size: 12px;
        color: #333;
        text-decoration: underline;
    }

        .ix-frm-ftr a:hover {
            text-decoration: none;
            color: #333;
        }

header {
    background-color: #f4f4f4;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e4e4e4;
    margin: 0px;
    float: left;
    width: 100%;
    padding: 0px;
}

.logo-box {
    margin: 0px;
    padding: 8px 5px 5px 5px;
    float: left;
    width: 100%;
    text-align: center;
}

.top-icos {
    text-align: right;
    padding: 0px;
    float: left;
    width: 100%;
    list-style-type: none;
    margin-top: 18px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

    .top-icos li {
        text-align: center;
        display: inline-block;
        padding: 0px;
        float: none;
        margin-top: 0px;
        margin-right: 8px;
        margin-bottom: 0px;
        margin-left: 8px;
    }

        .top-icos li .a-bl {
            color: #156bc3;
        }

        .top-icos li .a-yl {
            color: #f09e00;
        }

        .top-icos li .a-rd {
            color: #db1f1f;
        }

.pattern-bg {
    background-image: url(/Images/pattern-bg.png);
    background-repeat: repeat;
    background-position: center center;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 30px;
}

.tbl-wrap {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    overflow-x: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}


    .tbl-wrap .tbl {
    }

        .tbl-wrap .tbl thead tr th {
            padding: 3px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #0094cc;
        }

        .tbl-wrap .tbl tbody tr:nth-child(even) {
            background: #f2f2f7;
            font-size: 12px;
            color: #252525;
            text-decoration: none;
            padding: 2px;
            cursor: default;
        }

            .tbl-wrap .tbl tbody tr:nth-child(even):hover {
                background: #d6e7f8;
            }

        .tbl-wrap .tbl tbody tr:nth-child(odd) {
            background: #FFF;
            font-size: 12px;
            color: #252525;
            padding: 2px;
            cursor: default;
        }

            .tbl-wrap .tbl tbody tr:nth-child(odd):hover {
                background: #d6e7f8;
            }

.tbl-wrap-simple .tbl-simple {
}

    .tbl-wrap-simple .tbl-simple thead tr th {
        padding: 3px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0094cc;
    }

    .tbl-wrap-simple .tbl-simple tbody tr {
        font-size: 12px;
        color: #252525;
        text-decoration: none;
        padding: 2px;
        cursor: default;
    }

        .tbl-wrap-simple .tbl-simple tbody tr td {
            padding: 3px;
            vertical-align: middle;
            border: 1px solid #FFF;
        }


.tbl-wrap .tbl2 {
}

    .tbl-wrap .tbl2 thead tr th {
        padding: 3px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0094cc;
    }

    .tbl-wrap .tbl2 tbody tr td {
        padding: 2px;
    }

.deadline-alerts {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    .deadline-alerts ul {
        margin: 0px;
        padding: 0px;
        float: left;
        width: 100%;
        list-style-type: none;
    }

        .deadline-alerts ul li {
            float: left;
            width: 100%;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #e5e5e5;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 3px;
            margin-left: 0px;
            color: #7e7e7e;
            text-decoration: none;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

            .deadline-alerts ul li:hover {
                background-color: #f8f8f8;
            }

    .deadline-alerts .dd-days {
        font-size: 28px;
        line-height: 23px;
    }



.enroll-cources {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    .enroll-cources ul {
        margin: 0px;
        padding: 0px;
        float: left;
        width: 100%;
        list-style-type: none;
    }

        .enroll-cources ul li {
            float: left;
            width: 100%;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #e5e5e5;
            margin-top: 0px;
            margin-right: 0px;
            margin-left: 0px;
            color: #7e7e7e;
            text-decoration: none;
            padding-top: 2px;
            padding-right: 0px;
            padding-bottom: 2px;
            padding-left: 0px;
        }

            .enroll-cources ul li:hover {
                background-color: #f8f8f8;
            }

    .enroll-cources .round-ico {
        font-size: 35px;
        color: #FFF;
        text-decoration: none;
        background-color: #6fa200;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        height: 61px;
        width: 61px;
        line-height: 57px;
        overflow: hidden;
    }

footer {
    margin: 0px;
    float: left;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}

.-------------------- {
}

.spn-blue {
    color: #0094cc !important;
}

/* Responsive Menu */

.responsMenu {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    .responsMenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        display: none;
    }

    .responsMenu li {
        display: inline-block;
        float: left;
        margin-right: 1px;
    }

        .responsMenu li a {
            display: block;
            min-width: 140px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #fff;
            background: #2f3036;
            text-decoration: none;
        }

        .responsMenu li:hover a {
            background: #005e96;
        }

        .responsMenu li:hover ul a {
            background: #f3f3f3;
            color: #2f3036;
            height: 40px;
            line-height: 40px;
        }

            .responsMenu li:hover ul a:hover {
                background: #00385a;
                color: #fff;
            }

        .responsMenu li ul {
            display: none;
        }

            .responsMenu li ul li {
                display: block;
                float: none;
            }

                .responsMenu li ul li a {
                    width: auto;
                    min-width: 100px;
                    padding: 0 20px;
                }

    .responsMenu ul li a:hover + .hidden, .hidden:hover {
        display: block !important;
    }

    .responsMenu .show-menu {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #fff;
        background: #f9f9f9;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #dbdbdb;
        text-align: center;
        display: none;
        margin: 0px;
        float: left;
        width: 100%;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
    }

    .responsMenu input[type=checkbox] {
        display: none;
        -webkit-appearance: none;
    }

        .responsMenu input[type=checkbox]:checked ~ #menu {
            display: block;
        }



.tp-padd {
    padding-top: 10px;
}
.pat-img{
    background-image: url(/Images/pattern-bg.png) !important;
    background-repeat: repeat !important;
    background-position: top center !important;
}

.Sub-panel {
    width: 98%;
    float: left;
   margin-left: 1%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #2e353d;
    color: #FFF;
    margin-top: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-boder-radius: 5px;

}