/**
 * Default Size: 10px;
 * Default View point 1600px;
 * Default Font Size 20px;
 */
@media (max-width: 160px) {

    html {
        font-size: 10px;
    }
}

@media (min-width: 160px) {

    html {
        font-size: 11px;
    }
}

@media (min-width: 320px) {

    html {
        font-size: 12px;
    }
}

@media (min-width: 480px) {

    html {
        font-size: 13px;
    }
}

@media (min-width: 640px) {

    html {
        font-size: 14px;
    }
}


@media (min-width: 800px) {

    html {
        font-size: 15px;
    }

    #menu-background {
        background: url( "../images/menu-background-800.png" ) 0.75rem repeat-y;
    }
}

@media (min-width: 960px) {

    html {
        font-size: 16px;
    }

    #menu-background {
        background: url( "../images/menu-background-960.png" ) 0.75rem repeat-y;
    }


}

@media (min-width: 1120px) {

    html {
        font-size: 17px;
    }

    #menu-background {
        background: url( "../images/menu-background-1120.png" ) 0.75rem repeat-y;
    }


}

@media (min-width: 1280px) {

    html {
        font-size: 18px;
    }

    #menu-background {
        background: url( "../images/menu-background-1280.png" ) 0.75rem repeat-y;
    }
}

@media (min-width: 1440px) {

    html {
        font-size: 19px;
    }

    #menu-background {
        background: url( "../images/menu-background-1440.png" ) 0.75rem repeat-y;
    }

}

@media ( min-width: 1600px ) {

    html {
        font-size: 20px;
    }

    #menu-background {
        background: url( "../images/menu-background.png" ) 0.75rem repeat-y;
    }

}

#menu-background {
    background-size: 19.25rem;
    margin-top: -1px;

    -webkit-background-size:auto;
    -moz-background-size:auto;
    background-size:auto;
}



h1 {
    font-size:1.75rem;

}

h2 {
    font-size:1.5rem;

}

h3 {
    font-size:1.25rem;
}

h4 {
    font-size:1rem;

}

p {
    font-size: 1rem;
}

.row {
    padding-top: 1rem;

}

#topbar {
    padding-top: 0px;
}

#top-images {
    margin-top: -0.5rem;
}


table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    font-size: 1rem !important;
}


table thead tr th, table tfoot tr td {
    font-size: 1.2rem !important;
}


/*
 * Menu
 */

#navbar {
    width: 85%;
    margin: auto;
}

.nav-bar {
    background: none;

}
.nav-bar a {
    background: #82bc80;
    font-size: 1rem !important;
    line-height: 3rem;
}

.nav-bar > li.has-flyout > a.flyout-toggle {
    padding: 0rem;
}
.nav-bar :hover {
    background: #549452;
}

.nav-bar li {
    /*background: url( "../images/menu.png" ) no-repeat;*/
    margin-top: 10px;
    border: 0px;
}

.flyout,
.flyout :hover {
    background: #F2F2F2 !important;
}

.flyout li :hover {
    background: #F2F2F2 !important;
}

.nav-bar > li:last-child {
    border-right: none;
    box-shadow: none;
}

/*
 * Editor fix.
 */
.wysiwygForm img { max-width: none !important; }

#dialogWindow input {
    width: 381px;
}

#mentorsme-logo {
    text-align: center;
    display: block;
    margin: auto;
}