/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

    202428 Very Dark
    282D32 Dark Gray
    3D4247 rollover gray
    2E80AB Mid Blue

***************************************************** */

body,
input,
button,
select,
textarea {
    font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-weight: 700;
}

/* SECONDARY NAVIGATION HIGHLIGHTED ITEMS */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #444444;
}

/* BORDERS AROUND SECONDARY NAVIGATION */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #3D4247;
}

/* CHANGES FONT AND BACKGROUND COLOR OF MAIN NAVIGATION BAR */
.navbar-main {
    margin-bottom: 0;
    background-color: #444444;
    border: 0;
    min-height: 30px;
    font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 15px;
}

    /* CHANGES FONT COLOR AND BACKGROUND COLOR OF MAIN NAVIGATION BAR DURING ROLLOVER */
    .navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #5E656C;
    }

    /* CHANGES BACKGROUND COLOR AND FONT COLOR OF MAIN NAV CHILD MENUS DURING ROLLOVER */
    .navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #fff;
        background-color: #5E656C;
    }

/* CHANGES ALWAYS-ON BACKGROUND COLOR OF MAIN NAV CHILD MENUS */
.dropdown-menu {
    background-color: #444444;
}

    /* CHANGES TEXT COLOR OF LINKS IN MAIN NAV CHILD MENUS */
    .dropdown-menu > li > a {
        color: #fff;
    }

/* CHANGES THE COLOR OF THE HEADER ABOVE THE MAIN NAVIGATION - DECREASES HEIGHT BY REDUCING PADDING*/
section#header {
    margin: 0;
    padding: 0px 0;
    background: #202428;
    border-radius: 5px 5px 0 0;
}

/* CHANGES COLOR OF HEADER TEXT FROM A DARK BLUE TO AZURE BLUE*/
div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #2E80AB;
}

/* CHANGES FONT SIZE OF HEADER TEXT TO MAKE SMALLER */
.h1, h1 {
    font-size: 30px;
}

/* CHANGES LINK COLOR */
a {
    color: #2E80AB;
}

/* COLORS FOR CART AND NOTIFICATIONS IN HEADER */
ul.top-nav {
    float: right;
    margin: 0;
    padding: 0;
}

ul.top-nav .nav {
    margin: 0;
    margin-top: 8px;
    margin-right: 12px;
    padding: 0;
    line-height: 22px;
    font-size: 13px;
}

ul.top-nav a.quick-nav {
    margin: 0 0 0 15px;
    padding: 0;
    color: #E2E2E2;
}

ul.top-nav a.quick-nav-hasitems {
    margin: 0 0 0 15px;
    padding: 0;
    color: #ffffd2;
}

/* MODIFY TABLE HEADERS */
.dataTables_wrapper .dataTables_info {
    padding: 9px 10px;
    background-color: #2E80AB;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    color: #fff;
    border-radius: 4px 4px 0 0;
    text-align: left !important;
}

/* MODIFY PAGE NUMBER SELECTIONS*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #2E80AB;
    border-color: #2E80AB;
}

/* CHANGES THE FOOT BAR TO DARK COLOR TO MATCH THE UPPER MOST HEADER */
section#footer p {
    /*margin: 25px 0 0 0;
    border-top: 20px solid #202428;
    line-height: 40px;*/
    color: #666;
    font-size: 0.7em;
    text-align: center;
}

/* KNOWLEDGEBASE */

.kbcategories a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 5px;
    text-decoration: none;
}

.kbarticles a {
    font-size: 1em;
    font-weight: 700;
}

.kbcategories p {
    font-size: 12px;
}

.kbarticles p {
    font-size: 12px;
}

/* END KNOWLEDGEBASE */

.ceranetterms .termstext {
    font-size: 12px;
    padding-left: 5px;
}


/* THE FOLLOWING IS FOR THE WHMCS LOGIN PAGE WHICH IS REDESIGNED BASED ON WSP */

body .page-login {
    background-color: #EFEFEF;
    display: table;
    position: absolute;
    height: 0;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    color: #696565;
    line-height: 1.6;
}

.page-login .login-table-row {
    display: table-row;
}

.page-login .container-fluid {
    margin-top: 14em;
    text-align: left;
}

.page-login .login-table-cell {
    padding-top: 5%;
}

.page-login .login-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.page-login .container-fluid {
    margin-top: 14em;
    text-align: left;
}

.content-box-bordered {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.page-login .content-box-bordered {
    border-radius: 2px;
    border: 1px solid #ccc;
}

.page-login .box-with-help {
    padding: 50px 30px 0;
}

.page-login .box-with-help {
    position: relative;
}

.page-login .login-box {
    padding-top: 30px;
    background-color: #fff;
}

.page-login #ContentLogin {
    margin: auto;
    padding-top: 20px;
}

.page-login .Header {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 700;
}

.page-login #Footer {
    clear: both;
    font-size: 8pt;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .page-login #Footer, .page-login #Footer A {
        color: #505050;
    }

        .page-login #Footer .Copyright {
            text-align: left;
        }

.page-login .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.page-login input[type=password], .page-login input[type=text] {
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 4px;
    margin: 0 0 0px;
}

.page-login .has-feedback input[type=password] {
    height: 34px;
}

@media screen and (min-width:768px) {
    .page-login .container {
        max-width: 100%;
        width: 100%;
    }
}

.middle-content .container {
    position: absolute;
    top: 50%;
    text-align: center;
}

@media screen and (max-width:480px) {
    .page-login .container-fluid {
        margin-top: 6em;
    }
}

.page-login .col-centered {
    float: none;
    margin: 0 auto;
}

/* SSL RELATED CHANGES -AMN */

.sslceranet h2 {
    font-size: 22px;
}

.sslceranet p {
    font-size: 14px;
}

.navbar-main li.account {
	background-color: transparent;
}