/* ********************************************************************************************************************************** */
/* * Version   Date        By       Comment                                                                                                 */
/* * ------------------------------------------------------------------------------------------------------------------------------------------  */
/*  5.00.00   30-11-2016  SK      [JIRA](VP-166) investigate application of payslips styles to HRConnect
/*  5.00.00   01-12-2016  SK      Added header
/* ********************************************************************************************************************************************* */

/* W colour 9b2e33 */
/* ealden colour 016678 */

.icons{background-image:url(images/sprite-icons.png); background-repeat: no-repeat;}
.main-level > li > .menu-edit-icon{background-image: url(images/menu-icons.png);}
.submenu ul{width:250px; background-image:url(images/silver-line.png); background-color:#E2001A; }
.submenu .menu-edit-icon{background-image: url(images/menu-icons.png);}
.menu-sprite{background-image:url(images/menu-icons.png); background-repeat: no-repeat;}
.submenu ul:before{background:url(images/silver-line1.png) repeat-x left center;}
.ui-icon-Top{background-image:url(images/sprite-grey-icons.png);}
.profile-circle {background: url(images/menu-icons.png) no-repeat -46px 5px;}
.prev{background:url(images/previous.png) 1px 2px no-repeat; background-color: rgba(0,0,0,.7);}
.prev:hover{background-color:#9b2e33; background-position:1px -23px;}
.edit_btn .edit-icon, a.edit_btn .edit-icon{background:url(images/sprite-grey-icons.png) -556px 2px no-repeat;}
.group-messages .i-icon{color:#fff; background:url(images/sprite-grey-icons.png) -594px -2px no-repeat;}
.arrow-down, .arrow-up{border:1px solid #c3c3c3; background:url(images/sprite-grey-icons.png) #d6d6d6 -624px -4px no-repeat;}
.drop-pop ul a i{background:url(images/edit-logout.png) no-repeat;}
.error-icon{background:url(images/error-icon.png) no-repeat;}
.ConnectLogo1 {color:#9b2e33;font-weight:bold;}
.ConnectLogo2 {color:white;}



/* theme colors */
.menu-section, .edit_btn .edit-icon, a.edit_btn .edit-icon, .group-messages .i-icon, .blog-open-icon, .switch-toggle:checked + label {
  background-color: #E2001A;
}
ul.main-level > li .submenu a:hover {
background-color: #2A6386;
}
.menu-section ul.main-level > li > a{color:#000;}
.ui-autocomplete li.ui-menu-item:hover a.ui-state-active, .ui-autocomplete li.ui-menu-item a.ui-state-active,.breadcrumb>li a,.breadcrumb>li+li:before{color:#E2001A;}
.menu-section ul.main-level > li.open  > a, .menu-section ul.main-level > li.open > a, .menu-section ul.main-level > li.active  > a{
	background-color: #E2001A; color:#fff;
}
 .menu-section ul.main-level > li > a:hover, .drop-pop ul a:hover {
	background-color: #9b2e33; color:#fff;
}

ul.main-level > li .submenu a:hover {
background-color: #9b2e33; color:#fff;
}


.menu-section ul.main-level > li.open > a:after{border-left-color:#003f4a;}
.menu-section ul.main-level > li {border-bottom-color:#013239;}
.main-accordion h1, .main-accordion h1 a, 
.main-accordion h1 a:hover, .main-accordion h1 a:active, 
.main-accordion h1 a:visited, .blog-accordion h2, 
.before-login h2,
.edit-list-items  ul li, a.forgot-pwd, .before-login a{color:#E2001A;}
.edit-list-items{border-left-color:#003f4a;}

/* top nav */
.top-navigation{background-color: #D2001A;}
.top-navigation  li, .top-navigation .top-left a, .top-navigation .top-left a:hover, .top-navigation .top-right p.last-login{color:#fff;}
.top-navigation .top-right p.welcome{color:#FFFFFF;}
.top-nav-slide  a.arrow{background-color:#000000}

a:hover {color:#9b2e33;}