/*
STYLESHEET INFORMATION

Name: Base Chill Skin
Type: Skin
Theme: Chill
Client: N/A

Core colours:

Table of Contents:
    - Core Styles
    - Header Styles
		- Logo
			- Media Queries
				- 1000px
				- 925px
        - Utility Links
        - Top Tasks Menu
        - Search
    - Mobile Menu Styles
		- Mobile Button
		- Utility Links
    - Site Alert Styles
	- Banner Styles
    - Carousel Styles
        - Content
        - Dots
        - Arrows
    - Menu Tabs Styles
    - Related Article Styles
    - Footer Styles 
		- Social Media
        - Utility Links
        - Copy
        - By GOSS
    - Breadcrumb styles
    - Default Template
        - Heading
        - Share
		- Related Panels
		- Tables
    - List Template
        - List Item
        - Paging
    - Authentication Template
    - Form Template
    - Search Template 
*/


/* Base Chill Skin CSS Starts */


/* Core Styles */

body {
    color: #CHECK;
}

a {
    color: #CHECK;
}

/* cookie message */

.cookiemessage {
    background-color: #CHECK;
}

/* Header Styles */

.header {
    background: #CHECK;
}


/* Header Styles / Logo */

.logo {
    padding-bottom: 0px;
}


/* Header Styles / Logo / Media Queries */


/* Header Styles / Logo / Media Queries / 1000px */

@media(max-width:1000px) {
    .logo {
        max-width: 420px;
    }
}


/* Header Styles / Logo / Media Queries / 925px */

@media screen and (max-width: 925px) {
    .logo {
        max-width: none;
    }
}


/* Header Styles / Utility Links */

.header__menu .utilitymenu__link {
    color: #CHECK;
}

/* Header Styles / Top Tasks Menu */

.menu {
    background: #CHECK;
}

.menu__link {
    color: #CHECK;
}

/* Header Styles / Search */

.btn__image {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    vertical-align: middle;
}

.searchform__inputtxt {
    border-right: 0;
}


/* Mobile Menu Styles */


/* Mobile Menu Styles / Mobile Button */

.mobilebutton {
    background-color: #CHECK;
}

.mobilebutton__topbar,
.mobilebutton__middlebar,
.mobilebutton__bottombar {
    background-color: #CHECK;
}


/* Mobile Menu Styles / Utility Link */

.mobilemenu .utilitymenu__item {
    background: #CHECK;
}


/* Site Alert Styles */

.sitealert {
    background: #CHECK;
}

.sitealert__link,
.item__link {
    color: #CHECK;
}


/* Banner Styles */

.banner {
    background: #CHECK;
}


/* Carousel Styles */


/* Carousel Styles / Content */

.a-panel__content {
    background: rgba(#CHECK);
    color: #CHECK;
}

.a-panel__link {
    color: #CHECK;
}

.a-panel--carousel {
    background: #CHECK;
}

/* Carousel Styles / Dots */

.dot {
    background: #CHECK;
}

.dot--active {
    background: #CHECK;
}


/* Carousel Styles / Arrows */

.arrow__link {
    background: #CHECK;
    color: #CHECK;
}

.arrow__link:hover {
    background: #CHECK;
}


/* Menu Tabs Styles*/

.menu__tab--small:hover {
    box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.5);
}

.menu__tab--METADATA {
    background: #CHECK
}


/* Related Article Styles */

.related-articles {
    border-top: solid 3px #CHECK;
}

.item__title {
    border-bottom: solid 2px #CHECK;
}

.featuregroup__title--none {
    border-bottom: solid 1px #CHECK;
}


/* Footer Styles */

.footer {
    background: #CHECK;
}


/* Footer Styles / Social Media */

.footer .socialmedia {
    padding: 20px 0;
}

.footer .socialmedia__item {
    margin-right: 20px;
}

.footer .socialmedia .imagelink__image {
    width: 32px;
    height: auto;
}


/* Footer Styles / Utility Links */

.footer .utilitymenu__link {
    color: #CHECK;
}


/* Footer Styles / Copy */

.footer__copy {
    color: #CHECK;
}


/* Footer Styles / By GOSS */

.bygoss__link {
    color: #CHECK;
}


/* Breadcrumb styles */

.breadcrumb__nav {
    background: #fff;
}

.breadcrumb__link {
    color: #CHECK;
}


/* Default Template */


/* Default Template / Heading */

.a-heading {
    border-bottom: solid 3px #CHECK;
}

.a-heading__title {
    margin: 0;
}

.a-heading--metadata {
    border-bottom: solid 3px #CHECK;
}


/* Default Template / Share */

.a-share {
    border-top: solid 2px #CHECK;
}


/* Default Template / Related Panels */

.panel__item {
    padding: 20px 0px 15px 0px;
}

.panel__heading {
    background: #fff;
    border-bottom: 1px solid #CHECK;
    padding: 0px;
}

.panel__headingtext {
    font-weight: 600;
}

.pollform,
.pollform__results {
    padding: 10px 0;
}


/* Default Template / Tables */

.ts1general {
    width: 100%;
    border: 1px solid #ccc;
}

.ts1general td,
.ts1general th {
    border: 1px solid #ccc;
    padding: 10px
}

.ts2general {
    width: 100%;
    border: 1px solid #333;
}

.ts2general td,
.ts2general th {
    border: 1px solid #333;
    padding: 10px
}

.ts2general th {
    background-color: #333;
    color: #fff;
}

.ts3general {
    width: 100%;
}

.ts3general td,
.ts3general th {
    border: 1px solid #fff;
    padding: 10px
}

.ts3general th {
    background-color: #666;
    color: #fff;
    text-align: left;
}

.ts3general tr:nth-child(odd) td {
    background-color: #efefef;
}

.ts3general tr:nth-child(even) td {
    background-color: #dedede;
}

.ts4general {
    width: 100%;
}

.ts4general td,
.ts4general th {
    border: 1px solid #fff;
    padding: 10px
}

.ts4general th {
    background-color: #004063;
    color: #fff;
    text-align: left;
}

.ts4general tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, 0.1);
}

.ts4general tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, 0.3);
}

/* List Template */


/* List Template / List Item */

.item__link {
    color: #CHECK;
}

/* List Template / Paging */

.paging__link:hover, .paging__link:focus {
    color: #CHECK;
    background: #CHECK;
}


/* Authenication Template */
.loginform__submit{
    background:#CHECK;
}

/* Form Template */
.icmformleft .icmvertical label {
    min-width: 150px;
    max-width: none;
    width: auto;
}

.icmform input[type=button], 
.icmform input[type=submit], 
.icmform input[type=reset] {
    background: #CHECK;
}

.icmform input[type=button]:hover, 
.icmform input[type=submit]:hover, 
.icmform input[type=reset]:hover {
    background: #CHECK;
}

/* Search Template */
.maincontent .btn--search {
    background-color: #CHECK;
}

.searchsummary {
    padding: 30px 0 20px;
}
.searchsummary__text{
    float:left;
    display:inline-block;
    margin-top:0;
}

.searchsummary__pages{
    display:inline-block;
    float:right;
}
