@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* Standard Template for Content Page, Use to change the styles of the Page */

/* Content Box. Use this to change the whole of the content panel's CSS */
#content
{
	/** padding-top:20px; Uncomment this to change the Top padding for background-images etc **/
	/**background-image:url("/assets/images/headers/advice-hub.png"); **/
}

#page_header
{
	/**background-image:url("/assets/images/headers/advice-hub.png");
	/** The Height should not be lower than 20px as when not used, it provides a padding **/
	/**height:100px;**/
}

/*BIG CONTENT PANEL DETAILS*/
.panel-content {
    border-color: #dddddd;
}
.panel-content > .panel-heading {
    color: #FFFFFF;
    background-color: #4B9893;
    border-color: #dddddd;
}
.panel-content > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dddddd;
}
.panel-content > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd;
}

/* Component CSS */
.panel-component {
    border-color: #dddddd;
}
.panel-component > .panel-heading {
    color: #FFFFFF;
    background-color: #4B9893;
    border-color: #dddddd;
}
.panel-component > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dddddd;
}
.panel-component > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd;
}

.nav-pills > li.active > a
{
	background-color:#989898;
}

.nav-pills > li.active > a:hover
{
	background-color:#686868;
}

/** Changes Links and Navigation Links **/

a
{
	color:#4B9893;
}

a:hover
{
	color:#4A7F7A;
}