/* 
Desktop Colour Styles for HCP Portals 
Created by - Nexus Core Design Team - 23/07/2013

******** DO NOT EDIT THIS FILE - IT IS INHERITED BY MULTIPLE NEXUS SITES AND CONTROLLED BY THE CORE NEXUS DESIGN TEAM *********

*/

/* -------------------------------------------------------- ----------------------------------------
                                             COOKIE BANNER - START
-------------------------------------------------------- -------------------------------------------*/

.statementdisplay_block {
    background-color: #EDF4FB;
    box-shadow: 0 0 10px #AAA;
    color: #000;
}

.closeicon {
    background: url(../img/close_icon.gif) no-repeat
}

/* -------------------------------------------------------- ----------------------------------------
                                             COOKIE BANNER - END
-------------------------------------------------------- -------------------------------------------*/

/* -------------------------------------------------------- ----------------------------------------
                                             CORE LAYOUT - START
-------------------------------------------------------- -------------------------------------------*/

/*********General**********/

#wrapper_container a:link, #wrapper_container a:visited {
    color: #830051
}

#wrapper_container a:hover, #wrapper_container a:active, #wrapper_container a:focus {
    color: #4b306a
}

/*********header************/

#nmathhead a:hover {
    color: #4b306a !important
}

/**** search box ****/

.search_box .search .search-head button {
    background: url(../img/icons.png) no-repeat -25px -56px #fff;
    border: solid 1px #E0E0E0;
    border-right: 0px;
}

#header .search_box .search form input {
    background: #fff;
    color: #666;
    border: solid 1px #E0E0E0; 
}

/****** Text Resize ****/

#textresize {
    border-left: 1px solid #FFFFFF
}

#textresize .size-r, #textresize .size-m, #textresize .size-l {
    color: #fff
}

#textresize a.size-r:hover, #textresize a.size-m:hover, #textresize a.size-l:hover {
    color: #fff
}

#wrapper_container #textresize a:link, #wrapper_container #textresize a:visited {
    color: #fff
}

#wrapper_container #textresize a:hover, #wrapper_container #textresize a:active, #wrapper_container #textresize a:focus {
    color: #fff !important
}

.search_box .print {
    /*  background: url(../img/icons.png)no-repeat 0px -162px*/;
    background-image: url("../img/icons.png");
    background-repeat: no-repeat;
    background-position: 0 -162px;
}

/**** Drop Down ****/

#link #headerNavDropdownList li {
    border: solid 1px #dddddd;
    background: #F5F5F5;
}

#headerNavDropdownList li ul {
    border-bottom: 1px solid #dddddd
}

#headerNavDropdownList li a, #headerNavDropdownList li ul li p {
    color: #830051
}

#headerNavDropdownList li a span {
    background: url(../img/icons.png) no-repeat 0px -118px
}

#link #headerNavDropdownList li ul li {
    border-bottom: 0px
}

/*** horizontal nav ****/

#wrapper_container #wrapper_hnav .horizontal-nav a.active {
    background: none repeat scroll 0 0 #F0F0F0 !important;
    color: #830051 !important;
}

.horizontal-nav {
    background: #830051
}

#wrapper_container .dropdown-nav ul.dropdown-tabs li a.dropdown-activetab {
    background: #f5f5f5 !important;
    color: #830051 !important;
}

#wrapper_container .dropdown-nav ul.dropdown-tabs li a {
    color: #fff !important;
    background: none !important;
    border-bottom-color: #f5f5f5;
}

#wrapper_container .dropdown-nav ul.dropdown-tabs li a.active {
    background: #f5f5f5
}

ul.dropdown-tabs li a:hover {
    background: #f5f5f5 !important;
    color: #830051 !important;
}

div.dropdown-tabcontent h2 {
    color: #830051 !important;
    border: 0px !important;
}

#wrapper_container div.dropdown-tabcontents .dropdown-tabcontent {
    border-color: #830051;
    background-color: #f5f5f5;
    border: 5px solid #830051;
    border-top: none;
}

#wrapper_container div.dropdown-tabcontent h2 {
    border-color: #9c9c9c;
    color: #535353;
}

#wrapper_container div.dropdown-tabcontent h4 {
    color: #b1b5b0
}

/**** Right Box ***/

.dropdown-desc p {
    color: #333333 !important
}

.dropdown-desc .dropdown-details a h3 {
    color: #830051!important
}

div.dropdown-tabcontent a.dropdown-goto {
    color: #333333 !important;
    background: #FCB936;
    border: 0px !important;
}

#wrapper_container div.dropdown-tabcontent .dropdown-desc a.dropdown-goto:hover {
    background-color: #fdad10
}

/*** First level menu ***/

div.dropdown-tabcontent .dropdown-sub-menu ol li.current {
    background: #fff !important
}

div.dropdown-tabcontent .dropdown-sub-menu ol li li a:hover {
    color: #830051
}

#wrapper_container div.dropdown-tabcontent .dropdown-sub-menu ol li a {
    color: #333
}

#wrapper_container div.dropdown-tabcontent .dropdown-sub-menu ol li a:hover {
    color: #333;
    background-color: #fff;
}

div.dropdown-tabcontent .dropdown-sub-menu ol li.current {
    background: #e3e3e3
}

/*** Second level menu ***/
/*
#wrapper_container div.dropdown-tabcontent .dropdown-sub-menu .dropdown-innner-sub {
    background-color: #fff;
}
*/
div.dropdown-tabcontent .dropdown-sub-menu .dropdown-innner-sub ul {
    background: none!important
}

div.dropdown-tabcontent .dropdown-sub-menu .dropdown-innner-sub ul li {
    background: #fff !important
}

/**** Bottom ****/

#wrapper_container div.dropdown-tabcontent .dropdown-btmlinks {
    color: #969696;
    border-color: #969696;
}

#wrapper_container div.dropdown-tabcontent .dropdown-btmlinks a {
    color: #969696
}

.dropdown-btmlinks p {
    color: #666
}

.dropdown-btmlinks a {
    color: #830051 !important
}

/********* Breadcrumb *********/

.breadcrumb {
    color: #830051
}

.breadcrumb span {
    color: #000
}

/********* Wrapper Left *********/

#wrapper_leftcontent .pagetitle {
    background-image: url(../img/icons.png)
}

#wrapper_leftcontent .title h1, #wrapper_leftcontent .title h1, #wrapper_container #content-global h1 {
    color: #830051;
    background: url("../img/title-icons.png") no-repeat 0 -1050px;
}

#wrapper_leftcontent .title h1.style1 {
    background: url("../img/title-icons.png") no-repeat 0 0
}

#wrapper_leftcontent .title h1.style2 {
    background: url("../img/title-icons.png") no-repeat 0 -210px
}

#wrapper_leftcontent .title h1.style3 {
    background: url("../img/title-icons.png") no-repeat 0 -420px
}

#wrapper_leftcontent .title h1.style4 {
    background: url("../img/title-icons.png") no-repeat 0 -630px
}

#wrapper_leftcontent .title h1.style5 {
    background: url("../img/title-icons.png") no-repeat 0 -840px
}

#wrapper_leftcontent .title h1.style6 {
    background: url("../img/title-icons.png") no-repeat 0 -1050px
}

#wrapper_leftcontent h2 {
    background: #E0E0E0;
    color: #333333;
    border: 0px;
}

#wrapper_leftcontent h2.plainhead {
    background: transparent
}

#wrapper_leftcontent h3, #wrapper_leftcontent h4, #wrapper_leftcontent h5, #wrapper_leftcontent h6 {
    color: #830051
}

#wrapper_leftcontent .gapzero .textimage p {
    color: #333333
}

#wrapper_leftcontent .gapzero .textimage a {
    color: #830051
}

#wrapper_leftcontent ul {
    color: #333333
}

#wrapper_leftcontent ul li {
    color: #333333;
    background-image: url("../img/icons.png");
}

#wrapper_leftcontent ol {
    color: #333333
}

#wrapper_leftcontent ol li {
    background: none
}

#wrapper_leftcontent .pagetitle p {
    color: #fff
}

#wrapper_leftcontent p {
    color: #333333
}

#wrapper_container table th {
    background-color: #e0e0e0;
    color: #333333;
    border-color: #f5f5f5;
}

#wrapper_container table td {
    background-color: #f5f5f5;
    color: #333333;
    border-color: #f5f5f5;
}

/********* Wrapper Right *********/

#wrapper_rightcontent h2 {
    background: #E0E0E0;
    color: #333333;
    border: 0px;
}

#wrapper_rightcontent h3 {
    color: #830051;
    border: 0px;
}

/******* Menu top *****/

/********* footnote ********/

.footnote {
    border-top: 1px solid #e0e0e0;
    color: #333333;
} 

/*********** Footer **********/

#fat_footer_main_search {
    background: #f5f5f5 !important
}

#fat_footer_main_search div + div + div + div {
    background: #fff
}

.fat_footer_box2 .popular_section, .fat_footer_box2 .myaccount {
    border-left: 1px solid #CCCCCC
}

.fat_footer_box1 .fat_footer_para1 b, .fat_footer_box2 .popular_section b, .fat_footer_box2 .myaccount b {
    color: #949494
}

.fat_footer_box2 div ul li {
    background-image: url("../img/icons.png");
    background-repeat: no-repeat;
}

#wrapper_container .fat_footer_box2 div ul li a {
    color: #949494
}

.search_footer input, .search_footer button {
    border: 1px solid #e0e0e0;
    color: #666;
}

.search_footer button {
    background: url(../img/icons.png) no-repeat 10px -54px #E0E0E0
}

.therapeutic_links b {
    color: #949494
}

#wrapper_container .therapeutic_links ul li a {
    color: #949494;
    text-decoration: underline;
}

.contextual_help {
    color: #666666
}

.contextual_help a {
    color: #830051
}

.footer-links, .footer_links_collection span a, .footer-copyright a {
    color: #4b306a
}

.footer_links_collection span {
    border-right: 1px solid #830051
}

/* -------------------------------------------------------- ----------------------------------------
                                             CORE LAYOUT - ENDS
-------------------------------------------------------- -------------------------------------------*/

/* -------------------------------------------------------- ----------------------------------------
                                             CORE COMPONENT - START
-------------------------------------------------------- -------------------------------------------*/

/******* Right side gray box with rich text *****/

.greybox {
    background: #f5f5f5;
    color: #333333;
}

#wrapper_rightcontent .textbox p a {
    color: #830051
}

#wrapper_rightcontent .newsletter p a, #wrapper_leftcontent .register p a {
    background: #F0AB00;
    color: #333333;
}

#wrapper_leftcontent .register ul li {
    background-image: url(../img/icons.png)
}

#wrapper_leftcontent .titlenobg h2 {
    background: none
}

.greybox ul li {
    background-image: url("../img/icons.png")
}

.greybox ul li a, .greybox a {
    background: none;
    color: #830051;
}

#wrapper_rightcontent .message h2 {
    background: #3c1e6f;
    color: #fff;
}

/****** Right side box using rich text for Quick Links ******/

#wrapper_container .sidebaraction ul li a:link, #wrapper_container .sidebaraction ul li a:visited {
    background-image: url("../img/side-icons.png");
    color: #FFFFFF;
}

#wrapper_container .sidebaraction ul li.menu1 a:link, #wrapper_container .sidebaraction ul li.menu1 a:visited {
    background-color: #3c1e6f;
    border-color: #3c1e6f;
}

#wrapper_container .sidebaraction ul li.menu1 a:hover, #wrapper_container .sidebaraction ul li.menu1 a:active, #wrapper_container .sidebaraction ul li.menu1 a:focus {
    border-color: #a193b1
}

#wrapper_container .sidebaraction ul li.menu2 a:link, #wrapper_container .sidebaraction ul li.menu2 a:visited {
    background-color: #00ADD0;
    border-color: #00ADD0;
}

#wrapper_container .sidebaraction ul li.menu2 a:hover, #wrapper_container .sidebaraction ul li.menu2 a:active, #wrapper_container .sidebaraction ul li.menu2 a:focus {
    border-color: #7ad4e6
}

#wrapper_container .sidebaraction ul li.menu3 a:link, #wrapper_container .sidebaraction ul li.menu3 a:visited {
    background-color: #fcaf17;
    border-color: #fcaf17;
}

#wrapper_container .sidebaraction ul li.menu3 a:hover, #wrapper_container .sidebaraction ul li.menu3 a:active, #wrapper_container .sidebaraction ul li.menu3 a:focus {
    border-color: #fcd57a
}

#wrapper_container .sidebaraction ul li.menu4 a:link, #wrapper_container .sidebaraction ul li.menu4 a:visited {
    background-color: #830051;
    border-color: #830051;
}

#wrapper_container .sidebaraction ul li.menu4 a:hover, #wrapper_container .sidebaraction ul li.menu4 a:active, #wrapper_container .sidebaraction ul li.menu4 a:focus {
    border-color: #be7aa4
}

#wrapper_container .sidebaraction ul li.menu5 a:link, #wrapper_container .sidebaraction ul li.menu5 a:visited {
    background-color: #8B8B8B;
    border-color: #8B8B8B;
}

#wrapper_container .sidebaraction ul li.menu5 a:hover, #wrapper_container .sidebaraction ul li.menu5 a:active, #wrapper_container .sidebaraction ul li.menu5 a:focus {
    border-color: #c2c2c2
}

#wrapper_container .sidebaraction ul li.menu6 a:link, #wrapper_container .sidebaraction ul li.menu6 a:visited {
    background-color: #98ba31;
    border-color: #98ba31;
}

#wrapper_container .sidebaraction ul li.menu6 a:hover, #wrapper_container .sidebaraction ul li.menu6 a:active, #wrapper_container .sidebaraction ul li.menu6 a:focus {
    border-color: #bada7a
}

/****** Right side gray box using rich text and teaser ******/

#wrapper_rightcontent .teaser .style1 {
    background: #f5f5f5;
    color: #333333;
}

#wrapper_rightcontent .teaser .style1 p.teaser-title {
    color: #333333
}

#wrapper_rightcontent .teaser .style1 p.teaser-content {
    color: #333333
}

#wrapper_rightcontent .teaser .style1 p.teaser-content a.teaser-botlink {
    background: url("../img/icons.png") no-repeat scroll -119px 1px transparent;
    color: #830051;
}

#wrapper_rightcontent .teaser .style2 {
    background: #f5f5f5;
    color: #333333;
}

#wrapper_rightcontent .teaser .style2 p.teaser-title {
    color: #333333
}

#wrapper_rightcontent .teaser .style2 p.teaser-content {
    color: #333333
}

#wrapper_rightcontent .teaser .style2 p.teaser-content a.teaser-botlink {
    background: url("../img/icons.png") no-repeat scroll -119px 1px transparent;
    color: #830051;
}

/****** Left side text image with out gap *****/

#wrapper_leftcontent .readmore p a {
    background-image: url("../img/icons.png");
}

/********* Three column grid teaser  *******/

#wrapper_leftcontent .grid-3 .style1, #wrapper_leftcontent .grid-3 .style2, #wrapper_leftcontent .grid-3 .style3 {
    background: #e0e0e0;
    border-right: solid 1px #C7C2BA;
}

#wrapper_leftcontent .grid-3 .style1 p.teaser-title a, #wrapper_leftcontent .grid-3 .style2 p.teaser-title a, #wrapper_leftcontent .grid-3 .style3 p.teaser-title a {
    color: #fff
}

#wrapper_leftcontent .grid-3 .style1 p.teaser-title {
    background-color: #830051
}

#wrapper_leftcontent .grid-3 .style2 p.teaser-title {
    background-color: #333333
}

#wrapper_leftcontent .grid-3 .style3 p.teaser-title {
    background-color: #4B306A
}

#wrapper_leftcontent .grid-3 .style1 p.teaser-content .description, #wrapper_leftcontent .grid-3 .style2 p.teaser-content .description, #wrapper_leftcontent .grid-3 .style3 p.teaser-content .description {
    color: #fff
}

#wrapper_leftcontent .grid-3 .style1 p.teaser-content .description {
    background-image: url("../img/mul_back.png")
}

#wrapper_leftcontent .grid-3 .style2 p.teaser-content .description {
    background-image: url("../img/grey_back.png")
}

#wrapper_leftcontent .grid-3 .style3 p.teaser-content .description {
    background-image: url("../img/pur_back.png")
}

/************ registrationform ***********/

form .form_field_text, form .form_field_textarea, form .form_field_select {
    background: none;
    border: 1px solid #dddddd;
}

#wrapper_leftcontent .underline h2 {
    background: none;
    border-bottom: solid 1px #939393;
}

input.form_button_submit {
    background: #F0AB00;
    color: #333333;
    cursor: pointer;
}

input.form_button_submit:hover {
    background-color: #FEA801;
    color: #333333;
    cursor: pointer;
}

form .form_leftcollabel label {
    color: #333333
}

/************ Login right *************/

.login-form {
    color: #333333
}

.login-form .form_field {
    border: solid 1px #C0BBAB;
    background: #ffffff;
}

/******* Search Result ******/

#wrapper_container #content_wrapper .advanced-search-results-container ul li.row1, #wrapper_container #content_wrapper .advanced-search-results-container ul li.row2 {
    border-color: #DDDDDD
}

#advanced-search {
    background-color: #F5F5F5
}

.submitholder .submit {
    background: none repeat scroll 0 0 #F0AB00;
    color: #333333;
}

/* -------------------------------------------------------- ----------------------------------------
                                             CORE COMPONENT - ENDS
-------------------------------------------------------- -------------------------------------------*/

#wrapper_container table.login-form td {
    background-color: #EEEEEE
}

/*Rating stars Icons*/

#content_wrapper .ratings .empty {
    background-image: url("../img/ratings_star_empty.png")
}

#content_wrapper .ratings .full {
    background-image: url("../img/ratings_star_full.png")
}

#wrapper_leftcontent .textimage .gapzero .align_image_text p a {
    color: #333333;
    text-decoration: underline;
}

#content-global .info a.expand {
    background-image: url("../img/expand.png")
}

#content-global .info a.collapse {
    background-image: url("../img/collapse.png")
}

/* Advanced search results */

#wrapper_container #content_wrapper form#advanced-search input.text, #wrapper_container #content_wrapper form#advanced-search select {
    border-color: #DDDDDD;
}

#advanced-search .submitholder .submit {
    border-color: #F0AB00;
} 

#wrapper_container #content_wrapper .advanced-search-results-container ul li.row1, 
#wrapper_container #content_wrapper .advanced-search-results-container ul li.row2,
#wrapper_container #content_wrapper .advanced-search-results-container ul li ul li {
    background-image: none;
} 

 
/* Black triangle */

#wrapper_container .black{
	color:#000000;
}