h3 {
    margin: 35px 0 15px 0 !important;
}

#useful-documents-top a {
    color: #FFF !important;
    text-decoration: none !important;
}

#useful-documents-top a:hover {
    color: #FFF !important;
    text-decoration: underline !important;
}

.doc-tabs > li > .learners-nav {
    background-color: #8DC8B6;
}

.doc-tabs > li > .tutors-nav {
    background-color: #C18898;
}

.doc-tabs > li > .centres-nav {
    background-color: #F3B47F;
}

.border-right {
    border-right: 5px solid #FFF;
}

.learners-panel, .doc-tabs > li.active > .learners-nav, .doc-tabs > li.active > .learners-nav:hover, .doc-tabs > li.active > .learners-nav:focus, .doc-tabs > li > .learners-nav:hover {
    background-color: #8DC8B6;
}

.tutors-panel, .doc-tabs > li.active > .tutors-nav, .doc-tabs > li.active > .tutors-nav:hover, .doc-tabs > li.active > .tutors-nav:focus, .doc-tabs > li > .tutors-nav:hover {
    background-color: #C18898;
}

.centres-panel, .doc-tabs > li.active > .centres-nav, .doc-tabs > li.active > .centres-nav:hover, .doc-tabs > li.active > .centres-nav:focus, .doc-tabs > li > .centres-nav:hover {
    background-color: #F3B47F;
}

#useful-documents-top .activecategory {
    color: #666 !important;
}

#useful-documents-top .activecategory:hover {
    color: #666 !important;
    text-decoration: none !important;
}

#useful-documents-bottom a {
    color: #666 !important;
    text-decoration: none !important;
}

.learner-documents-popular h2, .learner-documents-category h2 {
    color: #8DC8B6 !important;
}

.tutor-documents-popular h2, .tutor-documents-category h2 {
    color: #C18898 !important;
}

.centre-documents-popular h2, .centre-documents-category h2 {
    color: #F3B47F !important;
}


.active-learner-qual {
    color: #666 !important;
}

.active-tutor-qual {
    color: #000 !important;
}

.active-centre-qual {
    color: #666 !important;
}

.learners-panel a:hover, .tutors-panel a:hover, .centres-panel a:hover {
    color: #666;
    text-decoration: none;
}

/* Tab structure styles */

.doc-tabs {
    position: unset;
    padding: 0px !important;
    margin: 0px !important;
}

.doc-tabs > li > a {
    border: none;
    border-collapse: collapse;
}

.full-width-tabs > ul.nav.doc-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.full-width-tabs > ul.nav.doc-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.doc-tabs > li > a {
    text-align: left;
}

.tab-space {
    width:100%;
}

.learners-panel, .tutors-panel, .centres-panel {
    padding: 30px 10px 10px 10px !important;
}

/* Other */

.learners-panel ul li, .tutors-panel ul li, .centres-panel ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.learner-documents-popular h2, .learner-documents-category h2, .tutor-documents-popular h2, .tutor-documents-category h2, .centre-documents-popular h2, .centre-documents-category h2 {
    margin: 20px 0px 10px 0px;
    padding: 0px;
}

.learner-documents-popular ul, .learner-documents-category ul, .tutor-documents-popular ul, .tutor-documents-category ul, .centre-documents-popular ul, .centre-documents-category ul {
    margin: 0px;
    padding: 0px;
}

.learner-documents-popular ul li, .learner-documents-category ul li, .tutor-documents-popular ul li, .tutor-documents-category ul li, .centre-documents-popular ul li, .centre-documents-category ul li {
    list-style: none;
    border-bottom: 1px solid #999;
}

.learner-documents-popular ul li a, .learner-documents-category ul li a, .tutor-documents-popular ul li a, .tutor-documents-category ul li a, .centre-documents-popular ul li a, .centre-documents-category ul li a {
    line-height: 50px;
    text-decoration: none;
    padding: 0px 0px 0px 10px;
    display: block;
}

.learner-documents-popular ul li:hover, .learner-documents-category ul li:hover, .tutor-documents-popular ul li:hover, .tutor-documents-category ul li:hover, .centre-documents-popular ul li:hover, .centre-documents-category ul li:hover {
    background-color: #EEE;
}

.cpcab-loader {
    margin-top: 25px;
    display: block;
}

.cpcab-loader img, .cpcab-loader p {
    margin: 20px auto 20px auto;
    display: block;
    text-align: center;
}