/* product colours */

.choicesColour, .flex-benefitsColour, span.plus_Flex { color: #F36F2C; }
a.choicesHover:hover, a.flex-benefitsHover:hover { text-shadow: 2px 2px 20px #F36F2C; }

.discountsColour,.find-offersColour, span.plus_Lifestyle { color: #8CC63F; }
a.discountsHover:hover, a.find-offersHover:hover { text-shadow: 2px 2px 20px #8CC63F; }

.resourceColour, span.plus_SMB { color: #54A1C0; }
a.resourceHover:hover, a.resourceHover:hover { text-shadow: 2px 2px 20px #54A1C0; }

.payslipsColour, span.plus_Payslips { color: #D3C400; }
a.payslipsHover:hover { text-shadow: 2px 2px 20px #D3C400; }

.co-pensionColour, .pensionsColour, span.plus_Pension_Autoenrolment { color: #EE266E; }
a.co-pensionHover:hover, a.pensionHover:hover, a.pensionsHover:hover  { text-shadow: 2px 2px 20px #EE266E; }

.lifeskillsColour,.money-adviceColour, span.plus_Money_Advice { color: #007C3B; }
a.lifeskillsHover:hover, a.money-adviceHover:hover { text-shadow: 2px 2px 20px #007C3B; }

.grapevineColour, .networkColour, span.plus_Employee_Network { color: #662D91; }
a.grapevineHover:hover, a.networkHover:hover { text-shadow: 2px 2px 20px #662D91; }

.summaryColour, .total-rewards-statementColour, .rewards-statementColour, span.plus_TRS, span.plus_Company_Managed_TRS { color: #00A6D6; }
a.summaryHover:hover, a.total-rewards-statementHover:hover, a.rewards-statementHover:hover { text-shadow: 2px 2px 20px #00A6D6; }

.childcareColour, .childcare-vouchersColour, span.plus_Childcare_Vouchers { color: #A7548D; }
a.childcareHover:hover, a.childcare-vouchersHover:hover { text-shadow: 2px 2px 20px #A7548D; }

.rewardsColour, span.plus_Reward_Recognition { color: #3db4aa }
a.rewardsHover:hover, a.reward-RecognitionHover:hover { text-shadow: 2px 2px 20px #3db4aa; }



/* links and other text */

a:link, a:visited, a:active, 
.image_carousel #foo2 li a
{
    color:#00adf5; 
}

ul.normalUl li {
    color: #333;
}

a.retailerOfferCount {
    background-color:#00adf5;
}

div.retailerOffersFooter ul li a {
    color: #00adf5;
}

.residentsNewsFull h4 {
    color:#00adf5;
}

/* login page stuff*/

section.loginPanel {
    background-color:#999999;
}

/* navigation */

nav#topMenu, nav#subMenu, div.subNav {
    background: #d6eef8; /* Old browsers */
    background: -moz-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d6eef8 ), color-stop(100%,#b2e2f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6eef8  1%, #b2e2f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eef8', endColorstr='#b2e2f8',GradientType=0 ); /* IE6-9 */
	border:1px solid #b2e2f8;
}

nav#topMenu li a:link, nav#topMenu li a:visited, nav#topMenu li a:active
{
    background-color:#00adf5;
    color:#ffffff;
    border:1px solid #00adf5;
}

nav#topMenu li a:hover, nav#topMenu li a.selected
{
	background-color:#fff;
	border:1px solid #00124a;
    color:#00124a;
}

nav#subMenu ul li a, div.subNav ul li a {
    color:#00adf5;
}

/* grid items */

.gridItemHeader {
    background: #d6eef8; /* Old browsers */
    background: -moz-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d6eef8 ), color-stop(100%,#b2e2f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6eef8  1%, #b2e2f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eef8 ', endColorstr='#b2e2f8',GradientType=0 ); /* IE6-9 */
}

.gridItemHeader h4, 
.linkPanelHeader h4 {
    color:#00adf5;
}

.greyHeader h4 a {
    color: #00adf5 !important;
}


.ui-accordion-content h4 a {
    color: #00adf5;
}

/* tables */

.payslipTable tr td, .adminTable tr td, .smallTable tr td {
    background-color:#d1e8f8;
}


.payslipTable tr.alt td, .adminTable tr.alt td, .smallTable tr.alt td  {
    background-color:#e9f3fc;
}

.adminTable th, .smallTable th {
    background: #d6eef8; /* Old browsers */
    background: -moz-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d6eef8 ), color-stop(100%,#b2e2f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6eef8  1%, #b2e2f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6eef8  1%, #b2e2f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eef8 ', endColorstr='#b2e2f8',GradientType=0 ); /* IE6-9 */
}

table.dashboard th {
    background: #A4A4A4; /* keep as the original colour */
}

table.dashboard tr.subTableHeader th {
    background: #D4D8D9;  /* keep as the original colour */
}

.accountSummaryWrapper .adminTable td {
    background:#fff;
}

/* other panels */

div#personProfile {
    background-color:#e9f3fc;
}

.infoBox {
    background-color: #e9f3fc;
}

#stagingDate {
    background-color: #e9f3fc;
}

.pensionHomeBottom p, p em {
    color: #333;
}

.adviceTopLeft .articleContent h2 {
    background: none repeat scroll 0 0 #00adf5;
}

.articleContent div.callout h3 {
    background: -moz-linear-gradient(center top , #d1e8f8 0%, #00adf5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.articleContent div.callout {
    border-bottom: 3px solid #00adf5;
    border-top: 3px solid #00adf5;
}

/* graphical overrides */

ol.wizardSteps li.selected em {
    background:none;
    background: url("/images/plusyou/themes/royalblue/35x35_royalblue_circle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding:7px 13px 8px;
}

label.iconOne, span.iconOne, .liBack.backOne { background-image: url("/images/plusyou/themes/royalblue/24x24_1.png"); }
label.iconTwo, span.iconTwo, .liBack.backTwo { background-image: url("/images/plusyou/themes/royalblue/24x24_2.png"); }
label.iconThree, span.iconThree, .liBack.backThree { background-image: url("/images/plusyou/themes/royalblue/24x24_3.png"); }
label.iconFour, span.iconFour, .liBack.backFour { background-image: url("/images/plusyou/themes/royalblue/24x24_4.png"); }
label.iconFive, span.iconFive, .liBack.backFive { background-image: url("/images/plusyou/themes/royalblue/24x24_5.png"); }

.switch.jsPrivacyToggle .ss-slider {
    background: url("/images/plusyou/themes/grey/privacy_grey.png") no-repeat scroll -156px 0 rgba(0, 0, 0, 0);
}

#hrDashboardButton a {
    background: url("/Images/plusyou/themes/royalblue/management_dashboard_royalblue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* buttons */

a.button, a.button:visited, .siteButton input[type=button], .siteButton input[type=submit], input.button {
    background-color: #00adf5;
    color: #FFFFFF;
}

.siteButton input[type=button], .siteButton input[type=submit] {
    cursor:pointer;
    border:0;
}

a.button:hover, a.button:active, .siteButton input[type=button]:hover, .siteButton input[type=submit]:hover {
    background-color: #F1D600;
    box-shadow: 2px 2px 20px #00adf5;
    color: #333333;
}

a.button.blue, a.button.blue:visited {
    background-color: #00adf5;
}

a.button.blue:hover, a.button.blue:active {
    background-color: #F1D600;
    color: #2B2B2B;
}

a.button.dark, a.button.dark:visited, .siteButton input[type=button].blueButton, .siteButton input[type=submit].blueButton, a.button.blueButton, a.button.blueButton:visited {
	background-color: #00adf5;
	color:#fff;
}

a.button.dark:hover, a.button.dark:active, .siteButton input[type=button].blueButton:hover, .siteButton input[type=submit].blueButton:hover, a.button.blueButton:hover, a.button.blueButton:active {
    background-color: #F1D600;
    color: #2B2B2B;
}

.siteButton input[type=button].whiteButton, .siteButton input[type=submit].whiteButton, a.button.whiteButton, a.button.whiteButton:visited {
	background-color: #eee;
	color:#666;
}

.siteButton input[type=button].whiteButton:hover, .siteButton input[type=button].whiteButton:active, .siteButton input[type=submit].whiteButton:hover, .siteButton input[type=submit].whiteButton:active, a.button.whiteButton:hover, a.button.whiteButton:active {
	background-color: #F1D600;
	color:#2B2B2B;
}

.moduleColour {color:#00124a;}

#ApplicationTitle{
color:#00124a;}

.productTitle{
color:#00124a !important;}

.navbar, .navbar-inverse
{
	background-color: #0038A7;
}

.navbar-inverse .navbar-nav>li>a:hover
{
	background-color: #002365;
}

.text-primary {
	color: #0038A7; 
}

.bg-primary {
  background-color: #0038A7;
  color: #fff;
}

.panel-primary {
	border-color: #0038A7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0038A7;
  border-color: #0038A7;
}

.btn-primary { 
  color: #ffffff !important; 
  background-color: #0038A7; 
  border-color: #003399; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary,
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus,
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open>.dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open>.dropdown-toggle.btn-primary.focus { 
  color: #ffffff; 
  background-color: #002365; 
  border-color: #003399; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #0038A7; 
  border-color: #003399; 
} 
 
.btn-primary .badge { 
  color: #0038A7; 
  background-color: #ffffff; 
}

/* unvisited link */
a:link {
    color: #0038A7;
}

/* visited link */
a:visited {
    color: #0038A7;
}

/* mouse over link */
a:hover {
    color: #0038A7;
}

/* selected link */
a:active {
    color: #0038A7;
}

.navbar-inverse { background-color: #0038A7}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navSelected { background-color: #002365}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #002365}
.dropdown-menu { background-color: #FFFFFF	!important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #002365	!important;}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #0038A7}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #000000	!important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF	!important;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF	!important;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF	!important;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF	!important;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF	!important;}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { background-color: #002365 }

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #FF7F00;
}

.btn-default {
    color: #333333 !important;
}

.form-control:focus {
    border-color: #0038A7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,56,167,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,56,167,0.6)
}

.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
	color: #0038A7; 
}

.ui-datepicker {
	border: 1px solid #0038A7;
	box-shadow: 0 0 8px rgba(0,56,167,.6);
}