/* Minification failed. Returning unminified contents.
(3218,42): run-time error CSS1030: Expected identifier, found 'input'
(3218,62): run-time error CSS1031: Expected selector, found ')'
(3218,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Minification failed. Returning unminified contents.
(3211,42): run-time error CSS1030: Expected identifier, found 'input'
(3211,62): run-time error CSS1031: Expected selector, found ')'
(3211,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Minification failed. Returning unminified contents.
(2637,42): run-time error CSS1030: Expected identifier, found 'input'
(2637,62): run-time error CSS1031: Expected selector, found ')'
(2637,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Minification failed. Returning unminified contents.
(1770,42): run-time error CSS1030: Expected identifier, found 'input'
(1770,62): run-time error CSS1031: Expected selector, found ')'
(1770,62): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
We use bootstrap to reset the CSS and allow for HTML5 elements in the CSS. The bootstrap incorporates HTML5 Boilerplate
functionality.

See: Content/bootstrap
Version: 2.0.3
Link: http://twitter.github.com/bootstrap/index.html

Contents:

Site styles
Skip Links
General styles
Drop shadow
Skip Links
Banner
Menus
Tables
Forms
Country selector
Site search
Welcome page
Message list
Profile page
Faceted search
Pager
Products bar
Searched For
Product
Product details
Project configuration
Basket
Checkout flow
Footer
Server messages
Tooltips
Confirm/Alert Popups
Tabs
Project details tab
Styles for validation helpers
Bootstrap overrides
jQuery UI overrides
Start Supervised Assessment Dialog
jsTree overrides
*/

/* Site styles */
/*.container-fluid
{
    max-width: 980px;
    margin: 0 auto;
}*/
/* Skip Links */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder {
    display: none;
}

#skiplinkholder p {
    margin: 0
}

#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited {
    display: block;
    width: 99%;
    position: absolute;
    top: 0;
    left: -200%;
    z-index: 2
}

#skiplinkholder a:focus,
#skiplinkholder a:active {
    left: 0;
    top: 0;
    z-index: 100
}

#skiptargetholder {
    position: absolute;
    left: -200%
}

/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a,
#skiplinkholder a:link,
#skiplinkholder a:visited {
    color: #fff;
    background: #434C53;
    text-decoration: none;
    border-bottom: solid #eeeeee 2px;
    padding: 5px
}

/* General styles */
body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.row-fluid [class*="span"] {
    position: relative;
}

div {
    word-wrap: break-word;
}

h1,
h2,
h3,
h4 {
    color: #353535;
    line-height: 1.2em;
}

h1 {
    font-size: 1.75em;
    font-weight: 700;
    margin-bottom: .25em;
}

.span12 h1 {
    color: #353535;
    background-color: #00BCE8;
    padding: .5em 2.5%;
    margin-bottom: 1em;
    width: 95%;
    border-radius: .25em;
}

h2 {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: .25em;
}

h3 {
    font-size: 1.25em;
    font-weight: 500;
    line-height: 1.4em;
}

h4 {
    font-size: 1.1em;
    font-weight: 500;
}

a,
a:hover,
a.shl-email,
a.shl-email:hover {
    color: #0964ED;
}

.shl-no-list {
    list-style: none;
    margin: 0;
}

:focus,
.shl-focus {
    /* outline: #00E1FF solid 1px !important; */
    -moz-outline-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(236, 0, 140, 0.075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(236, 0, 140, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(236, 0, 140, 0.075) !important;
}

div:focus,
.shl-search-form input[type="submit"]:focus,
.menu-scroll:focus {
    outline: none !important;
}

input,
textarea {
    max-width: 100%;
}

a.shl-button-link > span.ui-button-text {
    padding: 0;
    margin: 0;
}

button,
button.shl-button-link,
input[type="button"],
input[type="submit"],
input.shl-button-link,
a.shl-button-link {
    padding: .5em 1em;
    max-height: unset;
    width: auto;
    font-size: .8em;
    font-weight: bold;
    color: #353535;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25em;
    margin: 0;
    background-color: #78D64B;
    border: 1px solid #78D64B;
}

a.shl-button-link.shl-right + a.shl-button-link.shl-right {
    margin-right: 1em;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #78D64B;
    background: #78D64B;
    color: #005440;
    border-radius: .25em .25em 0 0;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    border: 1px solid #8EFF4D;
    background: #8EFF4D;
    color: #00664D;
}

#siteHiddenAlert {
    position: absolute;
    top: -30em;
    left: -30em;
}

.ui-widget-overlay {
    position: fixed !important;
    z-index: 1001 !important;
}

.shl-clear {
    clear: both;
}

.shl-right,
.shl-right-margin {
    float: right;
}

.shl-right-margin {
    margin-left: 10px;
    height: 27px;
}

.shl-left {
    float: left;
}

.shl-left-margin {
    margin-right: 10px;
}

.shl-left-nomargin {
    margin-left: 0px;
    float: left;
}

.shl-text-align-center,
.align-center {
    text-align: center;
}

.shl-text-align-right {
    text-align: right;
}

.shl-bold {
    font-weight: bold;
    color: #5B6770;
}

.shl-display-inline {
    display: inline;
}

.shl-hidden,
.shl-hide,
.shl-tooltip-content {
    display: none;
}

.shl-red {
    color: Red;
}

.shl-darkblue {
    color: #6e6e6e !important;
}

a.shl-darkblue:hover {
    color: #0964ED !important;
    text-decoration: underline;
}

.shl-disabled,
a.shl-disabled a.shl-disabled:hover {
    cursor: default !important;
    background: none !important;
    border-color: #999 !important;
    color: #999 !important;
    text-decoration: none !important;
}

input.shl-disabled {
    border: solid 1px;
}

.shl-gray {
    background-color: #f4f4f4;
}

.shl-white {
    /* background-color: White; */
}

.shl-lilac {
    background-color: #eeeeee;
    /* dad0e1 */
}

.shl-lightblue {
    background-color: #e4f2f5;
}

.shl-magenta-top-border {
    border-top: 20px solid #78D64B;
}

.shl-top-dark-separator {
    /* border-top: 1px solid #78D64B; */
}

.shl-bottom-dark-separator {
    /* border-bottom: 1px solid #78D64B; */
}

.shl-top-margin-15 {
    margin-top: 1em !important;
}

.shl-left-margin-15 {
    margin-left: 15px;
}

.shl-right-margin-15 {
    margin-right: 15px;
}

.shl-max-width-120 {
    max-width: 120px;
}

.shl-off-screen {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.shl-main-content.row-fluid {
    /* background: url(images/background-gradient.gif) repeat-x 0 0 white; */
    margin: 0;
    padding: 0 2.5%;
    width: 95%;
}

.shl-button-link {
    padding: 0px 8px 0px 8px;
    height: auto;
    width: auto;
    font-weight: bold;
    font-size: 13px;
}

.shl-button-link:hover,
input[type="submit"]:hover,
input[type="submit"].ui-state-hover,
input[type="button"].ui-state-hover {
    color: #00664D;
    background: #8EFF4D;
    border-color: #8EFF4D;
}

.shl-button-link.ui-state-active:hover {
    color: #00664D;
    background: #8EFF4D;
    border-color: #8EFF4D;
}

input[type="submit"].ui-state-active,
input[type="button"].ui-state-active {
    color: #00664D;
    background: #8EFF4D;
    border-color: #8EFF4D;
}

.shl-button-top, input.shl-button-top {
    margin: 1.5em 0;
}

h1#projectPJMTitle + input#ContinueTop {
    margin: 0 0 .5em 0;
}

.shl-project-actions {
    margin: .75em 0 0 0;
}

.shl-project-actions li {
    list-style: none;
    line-height: 1.1em;
    margin-bottom: .5em;
    font-size: .9em;
}

.shl-project-list .span8 {
    display: inline-block;
    margin: 0 0 1em 0;
}

section[aria-labelledby="pendingOrdersListSearch"] .span4,
section[aria-labelledby="ordersListSearch"] .span4,
section[aria-labelledby="candidatesListSearch"] .span4,
section[aria-labelledby="projectsListSearch"] .span4,
nav.shl-checkoutflow + form section[aria-labelledby="pjmListSearch"] .span4 {
    width: 33.3%;
}

section[aria-labelledby="pendingOrdersListSearch"] .span8,
section[aria-labelledby="ordersListSearch"] .span8,
section[aria-labelledby="candidatesListSearch"] .span8,
section[aria-labelledby="projectsListSearch"] .span8,
nav.shl-checkoutflow + form section[aria-labelledby="pjmListSearch"] .span8 {
    width: 65.7%;
    margin-left: 1%;
}

section[aria-labelledby="pendingOrdersListSearch"] .span4 input#pendingOrdersListSearch,
section[aria-labelledby="ordersListSearch"] .span4 input#ordersListSearch,
section[aria-labelledby="candidatesListSearch"] .span4 input#candidatesListSearch,
section[aria-labelledby="projectsListSearch"] .span4 input#projectsListSearch,
nav.shl-checkoutflow + form section[aria-labelledby="pjmListSearch"] .span4 input#pjmListSearch  {
    width: 97.25%;
}

/* Drop shadow */
.shl-drop-shadow {
    position: relative;
    width: 100%;
}

.shl-drop-shadow form {
    margin: 0px;
}

.shl-drop-shadow h2 {
    margin-top: 0px;
}

.shl-drop-shadow .border-top {
    background: url(images/border-top.png) repeat-x;
    height: 3px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.shl-drop-shadow.shl-magenta-top-border .border-top {
    display: none;
}

.shl-drop-shadow .border-bottom {
    background: url(images/border-bottom.png) repeat-x;
    bottom: 0px;
    height: 3px;
    left: 0px;
    position: absolute;
    width: 100%;
}

.shl-drop-shadow .border-left {
    background: url(images/border-left.png) repeat-y;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 3px;
}

.shl-drop-shadow .border-right {
    background: url(images/border-right.png) repeat-y;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
}

.boxshadow .shl-chopped-corner .chopped-corner {
    /* right: -3px; */
    /* bottom: -3px; */
}

.shl-chopped-corner .chopped-corner {
    /*background: url(images/chopped-bottom-right-corner.png);*/
    /* bottom: 0px; */
    /* height: 33px; */
    /* position: absolute; */
    /* right: 0px; */
    /* width: 33px; */
}

.shl-chopped-corner button.shl-right,
.shl-chopped-corner input[type="button"].shl-right,
.shl-chopped-corner input[type="reset"].shl-right,
.shl-chopped-corner input[type="submit"].shl-right,
.shl-chopped-corner .ui-button.shl-right {
    margin-bottom: 0;
}

/* Skip Links*/

a.shl-skip {
    position: absolute;
    top: -30em;
    left: -30em;
}

a.shl-skip:focus,
a.shl-skip:active {
    position: relative;
    top: 0em;
    left: 0em;
    display: inline-block;
    width: auto;
}

/* Banner */
.shl-top-nav {
    display: table;
    width: 95%;
    padding: 0.5% 2.5%;
    border-bottom: 1px solid #dee1e2;
}

.shl-top-nav .shl-left-menu {
    float: left;
}

.shl-top-nav ul {
    font-size: 77.5%;
    list-style: none;
    margin: 0;
    text-transform: none;
}

.shl-top-nav ul li {
    display: inline-block;
}

.ie.ie6 .shl-top-nav ul li,
.ie.ie7 .shl-top-nav ul li {
    display: inline;
}

.shl-top-nav .shl-right-menu li.shl-home-link,
.ie.ie6 .shl-top-nav .shl-right-menu li.shl-home-link,
.ie.ie7 .shl-top-nav .shl-right-menu li.shl-home-link {
    display: none;
}

.shl-top-nav ul li.shl-right-separator,
.shl-top-nav .shl-country-widget .shl-right-separator {
    margin: 0 1.5em 0 0;
    padding: 0;
}

.shl-top-nav ul li.shl-right-separator:after {
    /* content:"|"; */
    /* margin: 0 .33em 0 0.67em; */
}

.ie.ie6 .shl-top-nav ul li.shl-right-separator,
.ie.ie7 .shl-top-nav ul li.shl-right-separator {
    margin: 0px 9px 0px 0px;
}

.shl-top-nav ul li a {
    color: #6e6e6e;
    font-weight: 600;
}


.shl-top-nav ul li a:hover {
    color: #0964ED;
    text-decoration: underline;
}

.shl-top-nav .shl-left-menu .shl-left .shl-right-separator span.shl-bold {
    font-weight: 500;
    color: #7C858D;
    font-size: .8em;
    text-transform: uppercase;
}

.shl-top-nav .shl-left-menu .shl-left .shl-right-separator span.shl-darkblue {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 500;
    color: #7C858D !important;
}

.shl-top-nav .shl-left-menu .shl-left .shl-right-separator span.shl-darkblue:hover {
    text-decoration: none;
}

.shl-top-nav .shl-left-menu .shl-left .shl-right-separator .shl-darkblue + .shl-bold:before {
    content: '';
    display: inline-block;
    margin-left: 3px;
}

.shl-top-nav form {
    margin: 0px;
}

.shl-top-nav input[type="submit"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    border: 0px;
    color: #5B6770;
    font-size: 1em;
    height: 18px;
    margin: 0px;
    padding: 0px;
    /* text-transform: uppercase; */
    font-weight: 600;
    vertical-align: baseline;
}

.shl-top-nav input[type="submit"]:hover {
    color: #0964ED;
    text-decoration: underline !important;
}

.ie.ie6 .shl-top-nav input[type="submit"],
.ie.ie7 .shl-top-nav input[type="submit"] {
    vertical-align: middle;
}

.shl-top-nav .shl-country-widget {
    float: left;
    vertical-align: text-bottom;
    white-space: nowrap;
    font-size: 77.5%;
    line-height: 19px;
    font-weight: 400;
    color: #353535;
}

.ie.ie6 .shl-top-nav .shl-country-widget,
.ie.ie7 .shl-top-nav .shl-country-widget {
    float: none;
    padding-left: 0px;
}

.ie.ie6 .shl-top-nav .shl-country-widget,
.ie.ie7 .shl-top-nav .shl-country-widget,
.ie.ie8 .shl-top-nav .shl-country-widget {
    vertical-align: top;
}

.shl-top-nav .shl-country-widget .shl-right-separator {
    /* background: url(images/divider-grey-small.gif) no-repeat scroll right center transparent; */
    /* margin: 0px 5px 0px 0px; */
    /* padding: 0px 3px 0px 0px; */
}

.shl-top-nav .shl-country-widget img {
    margin-bottom: 2px;
}

.ie.ie6 .shl-top-nav .shl-country-widget img,
.ie.ie7 .shl-top-nav .shl-country-widget img {
    margin-bottom: 1px;
}

a.country-change-link,
a.culture-change-link {
    text-transform: uppercase;
    font-size: 0.825em;
    line-height: 1em;
    font-weight: 600;
    color: #6e6e6e !important;
    margin-left: 5px;
}

a.country-change-link:before,
a.culture-change-link:before {
    /* content: '('; */
    margin-right: 2px;
    margin-left: 4px;
}

a.country-change-link:after,
a.culture-change-link:after {
    /* content: ')'; */
    margin-right: 4px;
    margin-left: 2px;
}

.shl-navigation.row-fluid {
    width: 85%;
    display: inline-block;
    float: right;
    clear: both;
    background: none;
    height: 5em;
}

.shl-masthead.row-fluid {
    background-color: #ffffff;
    height: 86px;
    text-align: right;
    width: 15%;
    display: inline-block;
    height: auto;
}

.shl-masthead .span12 {
    height: 5em;
}

.shl-masthead .shl-logo {
    background-image: url('images/logo-shl.svg');
    color: #0964ED;
    float: left;
    height: 2.5em;
    width: 100%;
    display: block;
    background-size: contain;
    background-position: left center;
    margin: 1.25em 0 1.25em 17.5%;
    background-repeat: no-repeat;
}
.ie.ie8 .shl-masthead .shl-logo {
    background-image: url('images/logo-shl.png');
}

.shl-normal-font {
    font-size: 13px;
}

.shl-large-font {
    font-size: 15px;
}

.shl-extra-large-font {
    font-size: 17px;
}

.shl-colour-scheme-1 {
    background-color: White !important;
    border: 1px solid Black !important;
    color: Black !important;
    padding: 1px 4px !important;
}

.shl-colour-scheme-2 {
    background-color: #ddd !important;
    border: 1px solid Black !important;
    color: Black !important;
    padding: 1px 4px !important;
}

.shl-colour-scheme-3 {
    background-color: Black !important;
    border: 1px solid Black !important;
    color: White !important;
    padding: 1px 4px !important;
}

.shl-colour-scheme-4 {
    background-color: #0964ED !important;
    border: 1px solid #0964ED !important;
    color: White !important;
    padding: 1px 4px !important;
}

/* Menus */
.row-fluid [class*="span"].shl-main-menu {
    float: right;
    margin-left: 0px;
    position: relative;
    width: auto;
    z-index: 1;
}

.row-fluid [class*="span"].first-child-margin {
    margin-left: 2.5641%;
}

.shl-main-menu ul {
    font: 16px/18px;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
}

.shl-main-menu ul.menubar {
    margin-right: 1em;
}

.shl-main-menu ul li {
    background: none;
    color: #00664D;
    display: inline-block;
    padding: 2em 1.75em;
    position: relative;
    cursor: default;
    line-height: 1em;
    margin: 0;
    transition: all 0.4s ease-in-out;
    float: left;
}

.shl-main-menu ul.menubar > li:after {
    content: '';
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border: 2px solid transparent;
    border-bottom-color: #78D64B;
    border-right-color: #78D64B;
    transform: rotateZ(45deg);
    margin-left: 6px;
    vertical-align: top;
    top: -1px;
    position: relative;
}

.ie.ie8 .shl-main-menu ul.menubar > li:after {
    display: none;
}

.shl-main-menu ul li:hover,
.shl-main-menu ul li.menu-hover {
    color: #00664D;
    padding-top: 2.5em;
    background: #dee1e2;
}

.shl-main-menu ul li ul li:hover,
.shl-main-menu ul li ul li.menu-hover {
    padding: 0;
    margin: 0;
}


.ie.ie6 .shl-main-menu ul li,
.ie.ie7 .shl-main-menu ul li {
    display: inline;
}

.shl-main-menu ul li a,
.shl-main-menu ul li span {
    color: #00664D;
    /* 46166b; */
}

.shl-main-menu ul li a:hover,
.shl-main-menu li.menu-hover > a,
.shl-main-menu li.menu-focus > a,
.shl-main-menu ul li span:hover,
.shl-main-menu li.menu-hover > span,
.shl-main-menu li.menu-focus > span {
    color: #005440;
    /* ec008c;*/
    text-decoration: none;
}

.shl-main-menu ul li a:hover,
.shl-main-menu li.menu-hover > a,
.shl-main-menu li.menu-focus > a {
    cursor: pointer;
}

.shl-main-menu ul li span:hover,
.shl-main-menu li.menu-hover > span,
.shl-main-menu li.menu-focus > span {
    cursor: default;
}

.shl-main-menu ul ul {
    background: #00664D;
    /* d1d2d4; */
    display: none;
    font: bold 12px/18px;
    left: 0px;
    list-style: none outside none;
    margin-top: 1.25em;
    padding: 0px;
    position: absolute;
    width: 100%;
}

.shl-main-menu ul ul li {
    background: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: .8em;
    font-weight: 600;
    text-align: left;
    float: none;
}

.shl-main-menu ul ul li,
.shl-main-menu ul ul li a,
.shl-main-menu ul ul li a:hover,
.shl-main-menu ul ul li:hover a {
    color: #ffffff;
}

.shl-main-menu ul ul li a {
    padding: 1em;
    display: block;
    transition: all 0.4s ease-in-out;
}

.shl-main-menu ul li ul li:hover a,
.shl-main-menu ul li ul li.menu-hover a {
    color: #78D64B;
    padding: 1.5em 1em;
    background: #005440;
}

.shl-main-menu ul ul li:hover {}

.shl-main-menu ul ul li:hover a {}

.ie.ie6 .shl-main-menu ul ul li,
.ie.ie7 .shl-main-menu ul ul li {
    display: block;
}

.shl-main-menu ul ul ul {
    left: 180px;
    top: 0px;
}

.shl-main-menu .menu-scroll {
    color: #78D64B;
    /* 007B85;*/
    cursor: pointer;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shl-main-menu .menu-scroll.menu-up {
    border-bottom: 1px solid Gray;
}

.shl-main-menu .menu-scroll.menu-down {
    border-top: 1px solid Gray;
}

.shl-main-menu .menu-scroll.menu-scroll-disabled {
    color: Gray;
    cursor: default;
}

/* Tables */
.shl-CandidatesScalesList span {
    font-size: 0.9em;
    margin: .5em 0;
    display: inline-block;
}

ul.shl-selection-actions {
    margin: .5em 0;
    list-style: none;
    font-size: .9em;
    display: flex;
    width: auto;
}

.shl-selection-actions li {
    display: inline;
    margin: 0;
    padding: 0 0 0 2%;
}

.shl-selection-actions li:only-child, .shl-selection-actions li:first-child {
    padding-left: 0;
}

.shl-selection-actions li:only-child a {
    font-weight: 700;
    background-color: #78D64B;
    color: #005440;
    padding: .5em 1em;
    display: block;
    font-size: .9em;
    line-height: 1.5em;
    border-radius: 5em;
}

.shl-selection-actions li:only-child a:hover {
    background-color: #8EFF4D;
    color: #00664D;
    text-decoration: none;
}

.shl-table .shl-table-checkbox {
    text-align: center;
}

.shl-table .shl-selected {
    background-color: RGBA(255,213,0,0.5) !important;
    /* #FFF7BD; */
}

.shl-table .shl-selected th,
.shl-table .shl-selected td {
    border-top: #4d4d4f 1px solid;
    border-bottom: #4d4d4f 1px solid;
}

table.shl-table caption {
    display: none;
}

table.shl-table h2 {
    color: #4D4D4F;
    font-size: .95em;
    line-height: 1.125em;
    margin: 0px;
    vertical-align: text-bottom;
    display: inline-table;
}

table.shl-table {
    border-bottom: solid 1px #eeeeee;
    margin-bottom: 1em;
    table-layout: fixed;
    width: 100%;
}

table.shl-table.shl-table-nowrap {
    white-space: nowrap;
}

table.shl-table.shl-table-scroll {
    overflow-x: auto;
    table-layout: auto;
}

table.shl-table tr {
    width: 100%;
}

table.shl-table tr.shl-invalid-row {
    color: Red;
}

table.shl-table tr.shl-invalid-row .shl-warning-image {
    float: left;
    vertical-align: text-bottom;
    width: 5%;
    display: inline-table;
}

table.shl-table tr.shl-invalid-row .shl-warning-image img {
    width: 100%;
}

table.shl-table tr.shl-invalid-row a {
    color: Red;
}

table.shl-table tr.shl-invalid-row h2 {
    color: Red;
    margin-left: 2%;
    width: 93%;
}

table.shl-table tr.shl-edit .shl-focus {
    border: none !important;
}

table.shl-table thead tr {
    background-color: #dee1e2;
}

table.shl-table thead tr th {
    color: #5B6770;
    text-transform: unset;
    font-size: .8em;
    font-weight: 700 !important;
    line-height: 1.1em;
}

.ui-dialog table.shl-table thead tr th {
    font-size:1em;
}

table.shl-table tbody tr:hover {
    background-color: #FFF9D9;
}

table.shl-table.shl-no-hover tbody tr:hover {
    background-color: transparent;
}

table.shl-table tr th,
table.shl-table tr td {
    border-top: solid 1px #eeeeee;
    min-height: 40px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    font-size: .9125em;
}

table.shl-table tr td .display-field a {
    margin-top: .25em;
    margin-bottom: .25em;
    margin-right:.5em;
    display: inline-block;
}

table.shl-table form {
    margin: 0px;
}

table.shl-table button,
table.shl-table input[type="button"],
table.shl-table input[type="reset"],
table.shl-table input[type="submit"],
table.shl-table .ui-button {
    margin-bottom: 0px;
    margin-top: 0px;
}

table.shl-table a.shl-update,
table.shl-table a.shl-remove,
table.shl-table a.shl-save,
table.shl-table a.shl-cancel {
    padding-right: 3px;
}

table.shl-table input.shl-update,
table.shl-table input.shl-remove,
table.shl-table input.shl-save,
table.shl-table input.shl-cancel {
    margin-left: 10px;
    width: 70px;
}

table.shl-table .editor-label,
table.shl-table .editor-field {
    display: none;
}

table.shl-table th.shl-sort,
table.shl-table th.shl-asc,
table.shl-table th.shl-desc,
table.shl-table th.shl-sort a,
table.shl-table th.shl-asc a,
table.shl-table th.shl-desc a {}

table.shl-table th.shl-sort:hover,
table.shl-table th.shl-asc:hover,
table.shl-table th.shl-desc:hover,
table.shl-table th.shl-sort a:hover,
table.shl-table th.shl-asc a:hover,
table.shl-table th.shl-desc a:hover {
    color: #0964ED;
}

table.shl-table th.shl-sort a {
    color: #434C53;
}

table.shl-table th.shl-asc,
table.shl-table th.shl-desc {
    padding-left: 20px;
}

table.shl-table th.shl-asc a,
table.shl-table th.shl-desc a {
    color: #434C53;
}

table.shl-table th.shl-desc {
    background: url(images/icons/sorting/desc.png) no-repeat 1px 50% #eeeeee !important;
}

table.shl-table th.shl-asc {
    color: #78D64B;
    background: url(images/icons/sorting/asc.png) no-repeat left 50% #eeeeee !important;
}

table.shl-table select {
    width: 100%;
}

table.shl-table tr td .display-field a,
table.shl-table tr td .editor-field a,
form#UploadForm .editor-field a,
h2#projectDetailsTitle + div a,
h2#projectCandidatesTitle + div a {
    /*font-size: .875em;*/
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: #434C53;
}

table.shl-table tr td .display-field a:hover,
table.shl-table tr td .editor-field a:hover,
form#UploadForm .editor-field a:hover,
h2#projectDetailsTitle + div a:hover,
h2#projectCandidatesTitle + div a:hover {
    color: #0964ED;
}

/* Forms */
.display-label .shl-no-control,
.display-field .shl-no-control {
    background-color: transparent;
    border: none;
    outline: none !important;
    -moz-outline-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.display-field {
    font-size: 0.9125em;
    line-height: 1.125em;
}

.placeholder {
    color: #C0C0C0;
    font-style: italic;
}

.editor-label,
.display-label {
    margin: .66em 0 .33em 0;
    font-size: 0.8em;
}

.ui-dialog .editor-label,
.ui-dialog .display-label {
    font-size: 1em;
    line-height: 1.25em;
}

.editor-label label,
.display-label label{
    font-size: 1em;
}

form#LogOnForm .editor-label {
    font-size: .9em;
}

.editor-label.nowrap {
    white-space: nowrap;
}

.editor-label.align-right,
.display-label.align-right {
    text-align: right;
}

.editor-field {
    margin: 5px 0 0 0;
}

#UploadForm .editor-field {
    font-size: .9em;
}

.editor-field > span {
    font-size: .8em;
}

.editor-field.shl-full input,
.editor-field.shl-full select {
    width: 95%;
}

.editor-field.shl-form-max input,
.editor-field.shl-form-max select,
.display-field.shl-form-max input {
    width: 60%;
}

.editor-field.shl-form-3 select {
    width: 60%;
}

.editor-field.shl-form-full input,
.editor-field.shl-form-full select,
.display-field.shl-form-full input {
    width: 100%;
}

.shl-field-date input {
    width: 75px;
}

.shl-field-num3 input {
    width: 35px;
}

.shl-edit-action {
    margin-top: 33px !important;
}

.ui-datepicker-trigger {
    margin-top: -10px;
}

.ui-datepicker-trigger, button.updateInvitation, button.updateReminder {
    border-radius: 10em;
}

/* Country selector */
.country-list-popup {
    background: url(images/corp-brochure-map-bg-10pc.png) no-repeat center center !important;
    min-height: 300px !important;
    background-size: cover !important;
}

.country-list-popup p,
.country-list-popup select {
    width: 370px;
}

.country-list-popup label {
    color: #5B6770;
}

.country-list-popup label.no-styling {
    color: #4d4d4f;
    display: inline;
    font-size: 13px;
}

.ltr .country-list-popup label {
    font-weight: bold;
}

.ie.ie6 .ltr .country-list-popup label,
.ie.ie7 .ltr .country-list-popup label,
.ltr .country-list-popup label.no-styling {
    font-style: normal;
}

.country-list-popup .shl-buttons {
    bottom: 2em;
    position: absolute;
    right: 2em;
    white-space: nowrap;
}

.country-list-popup .shl-buttons input {
    font-size: 1.1em
}

.country-list-popup .shl-buttons input#btnSaveCountry {
    /*margin-left: 1em;*/
    /*float: right;*/
}

.country-list-popup .shl-buttons input#btnCancel,
input#btnCancel {
    background-color: #DEE1E2;
    border-color: #DEE1E2;
    color: #5B6770;
    margin-left: 1em;
}

/* Profile Form */
#profileMessage + form .shl-drop-shadow {
    border: 1px solid #dee1e2;
    padding: 1em 2.5% .5em 2.5%;
    margin-bottom: 1em;
    width: 94.9%;
}

#profileMessage + form fieldset .row-fluid .span3.display-label, #profileMessage + form fieldset .row-fluid .span3.shl-text-align-right {
    width: 28.5%;
    margin: 0.25em 1.5% 0 0;
    font-size: .8em;
}

#profileMessage + form fieldset .row-fluid .span3.display-label label, #profileMessage + form fieldset .row-fluid .span3.shl-text-align-right label {
    font-size: 1em;
}

#profileMessage + form fieldset .row-fluid .span4 {
    width: 37.5%;
    margin: 0 0 .5em;
}

#profileMessage + form fieldset .row-fluid .editor-field input {
    width: 87.5%;
    padding: 1%;
    margin: 0;
}
#profileMessage + form fieldset .row-fluid .editor-field input#btnGetRegistratioNumbersForAccountNumber {
    margin:0.75em 0;
}

#profileMessage + form fieldset .row-fluid .editor-field select {
    width: 90.5%;
    padding: 0;
    margin: 0;
}

#profileMessage + form fieldset .row-fluid .display-label select {
    width: 30%;
    padding: 0;
    margin: 0;
}

#profileMessage + form fieldset .row-fluid .span4.editor-field span {
    width: 9%;
    display: inline-table;
    line-height: 1.1em;
    margin: 0 0 0.375em 0;
    font-size: 0.8em;
    vertical-align: text-top;
}

#profileMessage + form fieldset .row-fluid .span5.display-label {
    width: 32.5%;
    margin: 0 0 0.375em 0;
    font-size: 0.8em;
    line-height: 1.1em;
}

#profileMessage + form fieldset .row-fluid .span5.display-label span span {
    /* vertical-align: text-top; */
    /* display: inline-table; */
}

#profileMessage + form fieldset .row-fluid .span7.display-label {
    width: 100%;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.1em;
}

#profileMessage + form p {
    font-size: 0.8em;
    line-height: 1.1em;
    margin: 0.5em 0 1em 0;
}

#profileMessage + form p.shl-required-field {
    margin-left: 2.5%;
}

/* Password Form */
form#RecoverPasswordForm .row-fluid .span2 {
    width: 12.5%;
}

form#RecoverPasswordForm .row-fluid .span10 {
    margin-left: 2.5%;
    width: 85%;
    margin-bottom: 1em;
}

form#RecoverPasswordForm .row-fluid .span10 .editor-field {
    margin: 0;
}

form#RecoverPasswordForm .row-fluid .span10 input {
    width: 35%;
    margin-right: 2%;
    margin-bottom: 0;
}

form#RecoverPasswordForm .row-fluid .span10 input + .field-validation-error {
    font-size: 0.8em;
    line-height: 1.1em;
    display: inline-block;
}

/* Site search */
.row-fluid [class*="span"].shl-search {
    float: right;
    max-width: unset;
    min-width: unset;
    white-space: nowrap;
    word-wrap: normal;
    width: 35%;
    min-height: unset;
}

.shl-search-form {
    margin: 1.5em 10% 1.75em 0;
    border-radius: 10em;
    background: #f4f4f4;
    border: 1px solid #bfbfbf;
}

.shl-search-form input[type="text"] {
    border: 0;
    margin: 0;
    max-width: unset;
    min-width: unset;
    width: 78.5% !important;
    padding: 0.25em 4%;
    border-radius: 10em;
    background: transparent;
    color: #181C1E;
}

.shl-search-form input[type="submit"] {
    background: url(images/search.png) no-repeat center center;
    border: 0px;
    float: right;
    height: 2em;
    margin: 0px;
    text-indent: -9999px;
    width: 12%;
}

/* Welcome page */
.ie.ie6 #WelcomeContainer .shl-drop-shadow,
.ie.ie7 #WelcomeContainer .shl-drop-shadow {
    padding: 0px;
}

.ie.ie6 #WelcomeContainer .shl-drop-shadow .inner-div,
.ie.ie7 #WelcomeContainer .shl-drop-shadow .inner-div {
    padding: 5%;
    width: 90%;
}

#WelcomeContainer h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.875em;
}

#WelcomeContainer h2 {
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 0;
    color: #353535;
    font-size: 1.3em;
}

#WelcomeContainer > hgroup h2 {
    margin-top: 1.25em;
}

#WelcomeContainer > hgroup + br {
    display: none;
}

#WelcomeContainer p {
    font-size: 0.9em;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-top: 1em;
}

#WelcomeContainer .shl-button-link {
    left: 0 !important;
    bottom: unset !important;
    top: 86% !important;
    right: 0;
    display: inline-table;
}

#WelcomeContainer > hgroup:first-child + p,
#WelcomeContainer > hgroup:first-child {
    width: 96.5%;
}

#WelcomeContainer > hgroup:first-child {
    padding: 2.25em 0 0.5em 3.5%;
    margin: 0;
    min-height: 3.5em;
    border-top-left-radius: .25em;
    border-top-right-radius: .25em;
}

#WelcomeContainer > hgroup:first-child + p {
    padding: 0 0 1.25em 3.5%;
    font-size: 1.2em;
    margin: 0;
    min-height: 5.16667em;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
}

#WelcomeContainer > hgroup:first-child:before {
    content: '';
    display: block;
    float: right;
    width: 50%;
    contain: content;
    margin-top: -2.25em;
    margin-right: 0;
    margin-left: 5%;
    /* border-top-left-radius: 10em; */
    /* border-bottom-left-radius: 10em; */
    /* border-top-right-radius: .5em; */
    /* border-bottom-right-radius: .5em; */
    height: 14em;
    background-size: cover;
    background-position: center bottom;
}


/*==================================================
Color->SkyBlue Banner
Photo->hand-touching-digital-interface-SH001
==================================================*/
#WelcomeContainer h1 {
    color: #353535;
}
#WelcomeContainer > hgroup:first-child + p,
#WelcomeContainer > hgroup:first-child {
    background-color: #00BCE8;
    color: #353535;
}
#WelcomeContainer > hgroup:first-child:before {background-image: url('images/solutions-hand-touching-digital-interface-SH001.jpg');}


/*==================================================
Color->Teal Banner
Photo->hand-touching-dots-SH003
==================================================*/
/*#WelcomeContainer h1 {
    color: #005366;
}

#WelcomeContainer > hgroup:first-child + p,
#WelcomeContainer > hgroup:first-child {
    background-color: #48D6AF;
    color: #181C1E;
}

#WelcomeContainer > hgroup:first-child:before {
    background-image: url('images/solutions-hand-touching-dots-SH003.jpg');
}*/


/*==================================================
Color->Marigold Banner
Photo->woman-on-phone-SH006
==================================================*/
/*#WelcomeContainer h1 {
    color: #803E00;
}
#WelcomeContainer > hgroup:first-child + p,
#WelcomeContainer > hgroup:first-child {
    background-color: #FFAE00;
    color:#181C1E;
}
#WelcomeContainer > hgroup:first-child:before {background-image: url('images/solutions-woman-on-phone-SH006.jpg');}*/



/*==================================================
Color->Lilac Banner
Photo->man-with-data-overlay-SH002
==================================================*/
/*#WelcomeContainer h1 {
    color: #1E0059;
}
#WelcomeContainer > hgroup:first-child + p,
#WelcomeContainer > hgroup:first-child {
    background-color: #827CE0;
    color:#181C1E;
}
#WelcomeContainer > hgroup:first-child:before {background-image: url('images/solutions-man-with-data-overlay-SH002.jpg');}*/


#WelcomeContainer .shl-same-height {
    display: inline-flex;
    height: unset !important;
    border: 1px solid #dee1e2;
    padding: 2%;
    border-radius: .25em;
}

#WelcomeContainer .shl-same-height .inner-div {
    position: relative;
    padding-bottom: 2.75em;
}

#WelcomeContainer .shl-top-margin-15 {
    margin-top: 1.5em !important;
    clear: both;
    display: flex;
}

.shl-central-news article {
    border-top: 1px solid #ddd;
    clear: both;
    padding: 20px 10px;
}

.shl-central-news article img {
    float: left;
    padding: 0px 20px 20px 0px;
}

/* Message list */
#MessageListContainer {
    margin-top: 50px;
}

section#MessageListContainer h1 {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: .25em;
}

section#MessageListContainer legend {
    font-size: 1em;
}

.shl-message-search-form {
    clear: both;
}

.shl-message-search-open-close {
    cursor: pointer;
    padding-top: 8px;
    text-align: right;
}

.shl-message-search-text-box {
    width: 90%;
}

.shl-message {
    border-bottom: 1px solid InactiveBorder;
}

.shl-message.shl-open {
    border-bottom: none;
}

.shl-message-header {
    padding: 10px;
}

.shl-message-header:hover {
    background-color: InactiveBorder;
}

.shl-message.shl-open .shl-message-header {
    background-color: InactiveBorder;
}

.shl-message-icon {
    display: inline-block;
}

.shl-message-icon .no-importance {
    padding-left: 30px;
    padding-top: 20px;
}

.shl-message-icon .low-importance {
    background: transparent url(images/icons/importance-levels/importance-level-low-icon.gif) no-repeat left center;
    padding-left: 30px;
    padding-top: 20px;
}

.shl-message-icon .normal-importance {
    background: transparent url(images/icons/importance-levels/importance-level-normal-icon.gif) no-repeat left center;
    padding-left: 30px;
    padding-top: 20px;
}

.shl-message-icon .high-importance {
    background: transparent url(images/icons/importance-levels/importance-level-high-icon.gif) no-repeat left center;
    padding-left: 30px;
    padding-top: 20px;
}

.shl-message .shl-timestamp {
    padding-right: 10px;
}

.shl-message-subject {
    display: inline-block;
    width: 70%;
}

.shl-message-buttons {
    display: inline-block;
    float: right;
}

.shl-message-mark-read-form,
.shl-message-mark-deleted-form {
    display: inline-block;
    margin: 5px 5px 0px 0px;
}

.shl-message-body {
    border: 1px solid InactiveBorder;
    padding: 10px;
}

/* Profile page */
.account-number-valid-icon {
    margin-bottom: 10px;
    margin-left: 5px;
}

.shl-profile-tooltip {
    float: right;
    margin: 2px 5px 0px 0px;
}

/* Faceted search */
.shl-fs p {
    margin: 0px;
}

.shl-fs ul,
.shl-fs p.margin-left {
    margin-left: 10px;
}

.shl-fs li {
    list-style-type: none;
}

.shl-fs-selected,
.shl-fs-selected:hover {
    color: Black !important;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

/* Pager */
.shl-pager {
    text-align: center;
}

.span9 .span6 .shl-pager {
    text-align: left;
}

.shl-pager a,
.shl-pager a:hover {
    color: #78D64B;
    font-weight: bold;
    padding-right: 5px;
    text-decoration: none;
}

.shl-pager div {
    display: inline;
}

.ie.ie6 .shl-pager div,
.ie.ie7 .shl-pager div,
.ie.ie8 .shl-pager div {
    display: inline;
}

.shl-pager ul {
    display: inline-block;
    margin: 0;
}

.ie.ie6 .shl-pager ul,
.ie.ie7 .shl-pager ul,
.ie.ie8 .shl-pager ul {
    display: inline;
}

.shl-pager ul li {
    display: inline;
    vertical-align: middle;
    line-height: 1.2em;
}

.shl-pager ul li img {
    margin-top: -3px;
}

.ie.ie6 .shl-pager ul li img,
.ie.ie7 .shl-pager ul li img {
    margin-top: 0px;
}

.shl-pager a.selected,
.shl-pager a.selected:hover {
    color: #78D64B;
    font-weight: bold;
}

.shl-pagination-image {
    background-color: #78D64B;
}

.shl-pagination-disabled-image {
    background-color: #eeeeee;
    padding-right: 5px;
}

.shl-pager div > img {
    display: none;
}

.shl-pager div a img {}


.shl-pager div > a:hover {
    padding: 0
}

.shl-pager ul.selected li a,
.shl-pager div a {
    width: auto;
    min-width: 1.1em;
    display: inline-block;
    padding: .125em 0;
    margin: .125em;
    line-height: 1em;
    font-size: .875em;
    color: #181C1E;
    font-weight: 600;
    text-align: center;
}

.shl-pager ul.selected li a {
    padding: .125em;
}

.shl-pager ul.selected li a.selected,
.shl-pager ul.selected li a.selected:hover {
    color: #279211;
    font-weight: 600;
    cursor: default;
}

.shl-pager ul.selected li a:not(.selected):hover,
.shl-pager div a:hover {
    background-color: #dee1e2;
}

#RecentActivityMessage + div > .row-fluid,
#PJMGrid .row-fluid,
#userListMessage + section + div > .row-fluid {
    display: inline-flex;
}

#RecentActivityMessage + div > .row-fluid .span6 .shl-pager,
#PJMGrid .row-fluid .span6 .shl-pager,
#userListMessage + section + div > .row-fluid .span6 .shl-pager {
    margin: .25em 0;
}

#RecentActivityMessage + div > .row-fluid .span6.shl-showing-results span,
#PJMGrid .row-fluid .span6.shl-showing-results span,
#userListMessage + section + div > .row-fluid .span6.shl-showing-results span {
    margin: .5em 0;
    line-height: 1.5em;
    vertical-align: text-bottom;
    display: block;
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm,
.span9 > section[aria-labelledby="pjmListSearch"],
.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid {
    border: 1px solid #dee1e2;
    padding: 1em 2.5%;
    margin: 0;
    width: 42.5%;
}

.span9 > section[aria-labelledby="pjmListSearch"] {
    float: left;
    border-bottom: 0;
    margin-bottom: 2.5em;
    height: 5em;
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid {
    position: absolute;
    padding-top: 0;
    border-top: 0;
    top: 11.75em;
    margin-bottom: 1em;
}

.span9 > section[aria-labelledby="pjmListSearch"] > .row-fluid + .row-fluid .span5 {
    width: 100%;
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid input#AddNewJob {
    font-size: 1em;
    margin: 0;
}

nav.shl-checkoutflow + form + div input#AddNewJob,
nav.shl-checkoutflow + form div input#AddNewMFSQuestionnaire {
    font-size: .95em;
    margin-bottom: 1.5em;
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm {
    float: right;
    clear: none;
    height: 7.625em;
    display: block;
    margin-bottom: 1.5em;
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm .span3 {
    width: 12.5%
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm .span4 {
    margin-left: 3.3%;
    width: 56.7%
}

.span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm .span5 {
    width: 22.3%
}

.span9 > section[aria-labelledby="pjmListSearch"] .span4 {
    width: 72.5%
}

.span9 > section[aria-labelledby="pjmListSearch"] .span8 {
    margin-left: 3.3%;
    width: 19%;
}

.span9 > section[aria-labelledby="pjmListSearch"] .span4 .editor-field.shl-form-full input {
    padding: 1%;
    width: 97.25%;
}

/* Products bar */
.shl-showing-results span {
    color: #5B6770;
    font-weight: 600;
    font-size: .75em;
    margin: .33em 0;
    display: inline-block;
}

.shl-ordering select {
    min-width: 160px;
    width: auto;
}

/* Searched For */
.shl-searched {
    background-color: #f5f5f5;
    border: 1px solid #eeeeee;
    display: inline-block;
    font-weight: bold;
    margin-top: .25em;
    margin-bottom: .25em;
    padding: 0 2.5%;
    width: 95%;
    clear: both;
}

.shl-searched a,
.shl-searched div {
    margin: .5em 0;
    line-height: 1.1em;
}

.shl-searched a {
    margin-left: 1em;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.625em;
}

.shl-searched .shl-term {
    font-weight: normal;
}

.ie.ie6 .shl-searched-ie,
.ie.ie7 .shl-searched-ie {
    margin-bottom: 10px;
}

/* Product */
.shl-product {
    border-top: 1px solid #bfbfbf;
}

form.formAdd2Basket .shl-product h1.shl-product-title a {
    color: #353535;
}

form.formAdd2Basket .shl-product h1.shl-product-title a:hover {
    color: #0964ED;
}

.shl-product .shl-product-type {
    /*padding-top: 13px;*/
}

.shl-product-language-validation,
.shl-product-job-validation {
    margin: .33em 0 0 0;
    font-size: .8em;
}

.shl-product-add-to-basket,
.shl-product-add-to-basket p {
    text-align: right;
}

.shl-right-column .shl-product-add-to-basket,
.shl-right-column .shl-product-add-to-basket p {
    text-align: left;
    margin-top: 0;
}

.shl-product-add-to-basket h2 {
    padding: 0px;
    font-size: 1.125em;
    line-height: 1.2em;
}

#selectedProduct h3 {
    font-size: 1em;
    line-height: 1.25em;
    padding-top: .5em;
}

#selectedProduct h2 + h3 {
    border-top: 1px solid #ddd;
}

.shl-product-add-to-basket label,
.shl-product-add-to-basket span.shl-required-field,
h2#dataProtectionPolicy + p.shl-required-field,
.shl-project-details p.shl-required-field,
.shl-payment p.shl-required-field{
    display: inline-block;
    line-height: 2.25em;
    font-size: 0.8em;
    margin: 0;
}

h2#dataProtectionPolicy + p.shl-required-field,
.shl-project-details p.shl-required-field,
.shl-payment p.shl-required-field {
    display: block;
}

.shl-product-add-to-basket select {
    font-size: 0.8em;
    line-height: 1em;
    width: 35%;
    margin: 0 0 0 .25em;
    padding: 0;
    display: inline-block;
}

.shl-product-add-to-basket input.shl-readonly {
    margin: 0 0 0 .25em;
}

.shl-right-column .shl-product-add-to-basket label {
    display: block;
}

.shl-right-column .shl-product-add-to-basket select {
    width: 86%;
    color: #2a6ebb;
}

article.shl-product-add-to-basket {
    display: inline-block;
    margin-top: 1em;
    width: 100%;
}

article.shl-product-add-to-basket div:first-child {
    margin-bottom: .75em;
}

.shl-product-add-to-basket .select-checkbox {
    line-height: 1.75em;
    font-size: 1em;
}

.shl-product-add-to-basket .select-checkbox input[type=checkbox] {
    margin-top: 1px;
}

.shl-product-add-to-basket .select-checkbox label {
    color: #353535;
    text-rendering: optimizelegibility;
    padding-left: 5px;
}

.shl-product-add-to-basket .select-checkbox.disabled label {
    color: #808080;
}

/* Product details */
#selectedProduct .shl-gray {
    padding: 1em 2.5%;
    width: 95%;
    margin-bottom: 1.25em;
}

#selectedProduct input[type="button"] {
    margin-bottom: 1em;
}


article.shl-product > div.row-fluid {
    padding: 1em 2.5%;
    width: 95%;
}

article.shl-product h1.shl-product-title {
    font-size: 1.125em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.shl-product-details .row-fluid .span1 {
    width: 5%;
    margin-top: .25em;
}

article.shl-product .text-block p {
    font-size: .9em;
    line-height: 1.25em;
}

article.shl-product a.adjust {
    text-transform: uppercase;
    font-size: .7em;
    font-weight: 700;
    padding-top: 0.4em;
    display: inline-block;
    color: #4a4a4a;
}

article.shl-product a.adjust:hover {
    color: #0964ED;
}

.shl-product-details img.shl-product-type {
    padding: 0;
    max-height: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.shl-product-details .span11 h1 {
    color: #004454;
    background-color: #00BCE8;
    padding: .5em 2.5%;
    margin-bottom: 0.5em;
    width: 95%;
}

.shl-product-details .span11 h2 {
    padding-bottom: .25em;
    border-bottom: 1px solid #dee1e2;
    margin: 0.67em 0;
}

.shl-product-details h2 + p {
    font-size: .95em;
    line-height: 1.4em;
}

.shl-product-details h2 + table.shl-table tr:first-child th,
.shl-product-details h2 + table.shl-table tr:first-child td {
    border-top: 0;
}

.shl-product-details ul {
    display: inline;
    margin: 0;
}

.shl-product-details ul li {
    display: inline-block;
}

.ie.ie6 .shl-product-details ul li,
.ie.ie7 .shl-product-details ul li {
    display: inline;
}

.shl-product-details ul li span {
    padding-right: 5px;
}

.shl-product-materials ul {
    list-style-type: none;
    margin: 0;
}

.shl-product-materials ul li {
    background: transparent no-repeat left center;
    padding: 7px 0px 7px 35px;
}

.shl-product-material-type-pdf {
    background-image: url(images/icons/material-types/pdf.gif) !important;
}

.shl-product-material-type-doc {
    background-image: url(images/icons/material-types/doc.gif) !important;
}

.shl-product-material-type-docx {
    background-image: url(images/icons/material-types/docx.gif) !important;
}

.shl-product-material-type-ppt {
    background-image: url(images/icons/material-types/ppt.gif) !important;
}

.shl-product-material-type-pptx {
    background-image: url(images/icons/material-types/pptx.gif) !important;
}

.shl-product-material-type-xls {
    background-image: url(images/icons/material-types/xls.gif) !important;
}

.shl-product-material-type-xlsx {
    background-image: url(images/icons/material-types/xlsx.gif) !important;
}

/* Project configuration */
.shl-project-details fieldset legend,
.shl-project-candidates fieldset legend,
.shl-project-emails fieldset legend,
.shl-project-summary fieldset legend,
.shl-tab legend {
    display: none;
}

form#projectDetailsForm .shl-drop-shadow:not(.shl-server-message) {
    border: 1px solid #dee1e2;
    padding: 1em 2.5% .5em 2.5%;
    margin: .5em 0;
    width: 94.9%;
}

form#projectDetailsForm a.shl-button-link.shl-right-margin {
    margin-left: 1em;
    background-color: #DEE1E2;
    border-color: #DEE1E2;
    color: #5B6770;
    float: right;
}

form#projectDetailsForm input.shl-right.shl-button-top {
    margin:0;
}

section#ProjectDetails li {
    margin-top: .25em;
    margin-bottom: .25em;
}

/* Payment */
.shl-payment fieldset legend {
    display: none;
}

.shl-required-field {
    color: #FF0000;
    /* #EC008C; */
}

.shl-payment-error {
    display: none;
}

.shl-form-ccsmall {
    width: 7em;
}

.shl-form-ccsmaller {
    width: 6em;
}

.shl-form-ccsmallest {
    width: 5em;
}

.shl-payment form section[aria-labelledby="billingDetails"].shl-drop-shadow .display-label {
    font-size: .8em;
}
.shl-payment form section[aria-labelledby="billingDetails"].shl-drop-shadow .display-label.align-right {
    font-weight:700;
}

.shl-payment input{
    width: 80%;
}

.shl-payment select {
    width: 85%;
}

.shl-payment input[type="checkbox"], .shl-payment input[type="submit"]  {
    width:auto;
}

.shl-payment .editor-field + .span5:not(.editor-label) .field-validation-error span {
    font-size: 0.8em;
    margin: 1em 0;
    display: block;
}

/* Basket */
.shl-products-in-basket {
    /* margin-bottom: 20px; */
    position: relative;
}

.shl-products-in-basket > div {
    margin-bottom: 1em;
}

.shl-products-in-basket .shl-product-type {
    /* padding-top: 8px; */
}

/* Checkout flow */
.shl-checkoutflow {
    margin: 0 2.5% 1.5em;
    width: 95%;
    font-size: .9em;
}

.shl-checkoutflow [class*="span"] {
    position: relative;
}

.shl-checkoutflow span {
    background-color: #dee1e2;
    border: 1px solid #dee1e2;
    display: block;
    font-weight: 600;
    padding: 0;
    text-align: center;
    font-size: .9125em;
}

.shl-checkoutflow .shl-next {
    background: url(images/icons/pager-icons/pager-next-icon.png) no-repeat;
    height: 16px;
    position: absolute;
    right: -16px;
    top: 8px;
    width: 16px;
}

.shl-checkoutflow span a,
.shl-checkoutflow span a:hover {
    color: #00664D !important;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    display: grid;
    padding: .25em 0;
}

.shl-checkoutflow span.shl-active {
    background-color: #78D64B;
    border: 1px solid #78D64B;
}

.shl-checkoutflow span.shl-active a,
.shl-checkoutflow span.shl-active a:hover {
    color: #005440 !important;
}

.shl-checkoutflow span:not(.shl-active) a:hover {
    background-color:#f3f3f4;
}

.shl-checkoutflow span.shl-active a:hover {
    background-color:#8EFF4D;
}

input#ApplyID {
    font-size: 1em;
}

/* Footer */
.shl-footer {
    margin: 4em 0 0;
    padding: 2em 2.5% 4em;
    width: 100%;
    background-color: #353535;
    font-size: 0.8em;
    font-weight: 400;
    color: #78D64B;
    box-sizing: border-box;
    display: inline-table;
}

.shl-footer .shl-left-menu {
    float: left;
}

.shl-footer .shl-right-menu {
    float: right;
}

.shl-footer ul {
    list-style: none;
    margin: 0;
}

.shl-footer ul.social {
    text-align: right;
    margin-top: 1em;
}

.shl-footer ul.social li {
    margin-left: 1em;
}

.shl-footer ul li {
    display: inline-block;
    line-height: inherit;
}

.ie.ie6 .shl-footer ul li,
.ie.ie7 .shl-footer ul li {
    display: inline;
}

.shl-footer ul li.shl-right-separator {
    margin: 0 1.5em 0 0;
    padding: 0;
}

.ie.ie6 .shl-footer ul li.shl-right-separator,
.ie.ie7 .shl-footer ul li.shl-right-separator {
    margin: 0px 9px 0px 0px;
}

.shl-footer ul li a {
    color: #fff;
    display: inline-block;
}

.shl-footer ul li a:hover {
    color: #00E1FF;
    /* #ec008c; */
    text-decoration: none;
}

/* Server messages */
aside.shl-white.shl-server-message {
    background-color: #FFF4BF;
    margin: 0 2.5% 1em;
    min-height: 2em;
    padding: .75em 2%;
    display: inline-block;
    clear: both;
    width: 91%;
    border-color: #FFEA7F;
    border-radius: .25em;
}

.shl-project-candidates aside.shl-white.shl-server-message {
    margin-top: 1em;
}

.shl-top-nav + aside.shl-white.shl-server-message {
    margin: 1em 7.5% 1em;
    width: 80.9%;
}

aside.shl-white.shl-server-message .image {
    display: inline-block;
    margin: 0 2.5% 0 0;
    width: 7.5%;
    text-align: center;
    vertical-align: middle;
}

aside.shl-white.shl-server-message.shl-server-info .image {
    width: 4%;
}

.span9 aside.shl-white.shl-server-message .image {
    width: 5%;
}

aside.shl-white.shl-server-message .image img {
    max-width: 100%;
}

aside.shl-white.shl-server-message .content {
    width: 89%;
    display: inline-block;
    line-height: 1.25em;
    vertical-align: middle;
    font-size: .8em;
}

aside.shl-white.shl-server-message.shl-server-info .content {
    width: 92.9%;
    font-size: 1em;
    line-height: 1.1em;
}

.span9 aside.shl-white.shl-server-message .content {
    width: 92%;
    font-size: .9em;
    line-height: 1.125em;
}

.shl-server-message ul {
    margin: 0px;
    list-style: none;
}

.shl-server-message span {
    vertical-align: middle;
}

/* Tooltips */
.shl-has-tooltip {
    display: inline;
}

.shl-tooltip img {
    margin-top: -5px;
    width: 20px;
}

.shl-tooltip-container .ui-dialog-titlebar {
    display: none;
}

.shl-tooltip-popup {
    padding: 10px 20px 0px 80px !important;
}

.shl-tooltip-popup .shl-tooltip-image {
    position: absolute;
    left: 0;
    top: 0;
}

.shl-tooltip-table-borders td,
.shl-tooltip-table-borders th,
.shl-tooltip-table-borders tr,
.shl-tooltip-table-borders {
    padding: 6px;
    border: 1px solid black;
}

/* Confirm/Alert Popups */
.shl-confirm-popup img,
.shl-alert-popup img,
.shl-message-popup img,
.shl-success-popup img {
    float: left;
    width: 31px;
    height: 31px;
}

.shl-confirm-popup .shl-confirm-editable-content,
.shl-alert-popup .shl-alert-editable-content,
.shl-message-popup .shl-message-editable-content,
.shl-success-popup .shl-success-editable-content {
    padding: 8px 0 0 40px;
}

.shl-loading-popup .shl-loading-editable-content {
    padding: 10px;
}

/* Tabs */
.shl-tabs {
    display: flex;
    background: #5B6770;
    width: 99%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: .25em 0.5% 0 0.5%;
    font-size: 0.875em;
}

.shl-tabs ul {
    list-style: none;
    margin: 0;
    display: inline-block;
    border-bottom: 0;
    width: 100%;
}

.shl-tabs ul li {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid transparent;
    background: transparent;
    font-weight: bold;
    border-bottom: 0 !important;
    float: left;
    list-style: none;
    position: relative;
    top: 1px;
    margin: 0 .2em;
    padding: 0.5%;
    white-space: nowrap;
    z-index: 1;
}

.shl-tabs ul li.shl-active {
    background-color: #ffffff;
}

.shl-tabs ul li.shl-active a {
    color: #279211;
}

.shl-tabs ul li a {
    color: #fff;
}

.shl-tabs ul li:hover {
    background-color: #78D64B;
}

.shl-tabs ul li a:hover {
    text-decoration: none;
    color: #005440;
}

.shl-tabs ul li.shl-active:hover,
.shl-tabs ul li.shl-active a:hover {
    background-color: #fff;
    color: #279211;
    cursor: default;
    text-decoration: none;
}

.shl-tab {
    padding: 0 .5%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
    width: 99%;
}

.ui-widget-content .ui-tabs-nav .ui-state-default {
    background: transparent;
    border-color: transparent;
}

.ui-widget-content .ui-tabs-nav .ui-state-default.ui-state-hover:not(.ui-tabs-selected) {
    background: #78D64B;
}

.ui-widget-content .ui-tabs-nav .ui-state-default.ui-state-hover:not(.ui-tabs-selected) a {
    color: #00664D;
}

.ui-widget-content .ui-tabs-nav .ui-state-default.ui-tabs-selected {
    background: #ffffff;
}

.ui-widget-content .ui-tabs-nav .ui-state-default.ui-tabs-selected a {
    color: #279211;
}

/* Project details tab */
.shl-product-details {
    padding: 1em 0;
}

.shl-product-details .row-fluid {
    margin-bottom: 1em;
    display: inline-table;
}

.shl-product-details .shl-product-row h2 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1.1em;
    color: #434C53;
    margin-top: .25em;
}

.shl-product-details .shl-product-row > div {
    margin: 0 0 .5em 2em;
    font-size: .9em;
    line-height: 1.25em;
    color: #181C1E;
}

.shl-product-details .shl-product-row > div[class*="title"] {
    font-weight: 600;
    margin: 0.75em 0 .5em 1em;
}

#detailsSummaryServerMessage + div.row-fluid {
    margin-bottom: 2.5em;
    display: inline-flex;
}

#detailsSummaryServerMessage + div.row-fluid > div {
    border: 1px solid #dee1e2;
    padding: 1em;
}

#detailsSummaryServerMessage + div.row-fluid > div .row-fluid .span3 > .display-label {
    font-size: .9em;
}

#detailsSummaryServerMessage + div.row-fluid > div .row-fluid .span3.shl-max-width-120 > .display-label {
    font-weight: 600;
}

.shl-tab .shl-box .row-fluid .display-label,
.shl-tab .shl-box .row-fluid a {
    margin: .5em 1.5%;
    font-size: .9em;
}

.shl-tab .shl-box .row-fluid:nth-child(even) {
    background: #f3f3f4;
}

.shl-tab form section.shl-drop-shadow,
.shl-project-candidates section.shl-drop-shadow,
.shl-project-summary section.shl-drop-shadow,
.shl-payment form section.shl-drop-shadow{
    border: 1px solid #dee1e2;
    margin: 1em 0;
    padding: 1em 1.25%;
    width: 97.5%
}

.shl-tab form section.shl-drop-shadow h2,
.shl-project-candidates section.shl-drop-shadow h2,
.shl-project-summary section.shl-drop-shadow h2,
.shl-payment form section.shl-drop-shadow h2 {
    font-size: 1.1em;
    line-height: 1.4em;
}

.shl-tab form section.shl-drop-shadow label,
.shl-tab form section.shl-drop-shadow .display-label,
.shl-project-candidates section.shl-drop-shadow .display-label,
.shl-project-summary section.shl-drop-shadow .display-label,
.shl-payment form section.shl-drop-shadow .display-label {
    font-size: .9em
}

#TotalGross a.shl-button-link.shl-right {
    margin-left: 1em;
    margin-top: 1em;
}

/* Candidate view */
.ie.ie6 #candidateView .span7,
.ie.ie7 #candidateView .span7,
.ie.ie6 #candidateView .span8,
.ie.ie7 #candidateView .span8 {
    margin: 0;
}

#candidateView .row-fluid {
    padding: .5em 2%;
    width: 96%;
}

#candidateView .row-fluid [class*="span"] {
    padding: 0;
    margin: 0;
}

#candidateView .row-fluid:nth-child(even) {
    background-color: #f3f3f4;
}

/* Styles for validation helpers */
.field-validation-error {
    color: #ff0000;
}

.field-validation-error.absolute {
    background-color: white;
    margin-top: 3px;
    max-width: 294px;
    padding: 3px;
    position: absolute;
    white-space: normal;
    z-index: 9999;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors ul {
    margin: 0;
}

.validation-summary-errors ul li {
    font-size: .8em;
    line-height: 1.25em;
    margin: 0 0 .75em 0;
    list-style: none;
    padding: 0;
}

/* Bootstrap overrides */
.navbar-search .search-query {}

th,
td[class*="span"] {
    overflow: hidden;
}

/* jQuery UI overrides */
.ie.ie8 .ui-dialog-buttonset {
    width: 100%;
    text-align: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 10em;
    padding: .4em 1em;
}

.ui-accordion .ui-state-active,
.ui-accordion .ui-state-default,
.ui-accordion .ui-state-hover {
    background: #f3f3f4;
    border: 1px solid #aaa;
}

.ui-accordion .ui-accordion-header.ui-state-default a,
.ui-accordion .ui-accordion-header.ui-state-active a,
.ui-accordion .ui-accordion-header.ui-state-hover a {
    color: #5B6770;
    font-weight: 600 !important;
    font-size: 1.1em;
    line-height: 1.25em;
    display: inline-block;
    padding-left: 1em;
}

.ui-accordion .ui-accordion-content {
    height: auto !important;
}

.ui-accordion .ui-accordion-header {
    border-radius: .33em;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-accordion .ui-state-default .ui-icon,
.ui-accordion .ui-state-active .ui-icon {
    background-image: none;
    position: relative;
    left: unset;
    top: unset;
    margin: unset;
    display: inline-block;
    background-position: unset;
    text-indent: unset;
    /* height: 18px; */
    vertical-align: text-top;
    width: 1.5em;
}

.ui-accordion .ui-state-default span.ui-icon:after,
.ui-accordion .ui-state-default.ui-state-active span.ui-icon:after,
.ui-accordion .ui-state-active span.ui-icon:after {
    content: '';
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    border: 2px solid transparent;
    border-bottom-color: #279211;
    border-right-color: #279211;
    transform: rotateZ(45deg);
    margin-left: 0;
    vertical-align: top;
    top: 0px;
    position: relative;
    left: 5px;
    text-align: center;
    transition: all 0.4s ease-in-out;
    border-top-right-radius: .25em;
    border-bottom-left-radius: .25em;
}

.ui-accordion .ui-state-default span.ui-icon:after {
    transform: rotateZ(-45deg);
    top: 3px;
    left: 2px;
}

.ui-accordion .ui-widget-content a {
    color: #0964ED;
}

/* Start Supervised Assessment Dialog */
#BasketContainer a.shl-button-link {
    background-color: #DEE1E2;
    border: 1px solid #DEE1E2;
    color: #434C53;
}

#BasketContainer a.shl-button-link:hover,
#BasketContainer a.shl-button-link.ui-state-hover {
    background-color: #E9E9EA;
    border: 1px solid #E9E9EA;
    color: #5B6770;
}

.shl-supervised-assessments {
    margin: 0;
}

.shl-supervised-assessments li {
    list-style: none;
    margin: 0;
}

.shl-prices-before-tax-text {
    margin: -.75em 0 1.5em 0;
}

.shl-prices-before-tax-text h3 {
    font-size: .75em;
    text-align: right;
}

/* Log on */
aside#LogOnContainer .shl-gray,
aside.basket-widget.shl-gray {
    padding: 5%;
    width: 88.8125%;
    border: 1px solid #bfbfbf;
    margin-bottom: 1.25em;
    border-radius: .25em;
}

aside.shl-white,
form.formAdd2Basket .shl-white,
article.shl-product-materials.shl-white {
    border: 1px solid #dee1e2;
    padding: 5%;
    width: 90%;
    margin-bottom: 1.25em;
    border-radius: .25em;
}

aside p {
    font-size: 0.875em;
    line-height: 1.4em;
}

aside h1,
aside + article h1 {
    font-size: 1.125em;
    font-weight: 600;
    color: #353535;
    margin-bottom: 0.625em;
}

aside h1:before,
aside + article h1:before {
    content: '';
    display: inline-flex;
    width: .25em;
    height: .75em;
    background-color: #78D64B;
    border-radius: 1em;
    margin-right: 0.5em;
}

aside h2 {
    font-size: 0.875em;
    font-weight: 500;
    color: #181C1E;
}

.basket-widget h2 {
    font-weight: 700;
    color: #181C1E;
    margin-bottom: .5em;
}

aside h3 {
    font-size: .875em;
    line-height: 1.4em;
}


aside#LogOnContainer form .span5 {
    min-height: 1em;
}

aside#LogOnContainer form .span7 a {
    font-size: .75em;
}

#RememberMe,
#RememberMe + input + label {
    font-size: 0.75em;
    line-height: 1.25em;
    margin: 0.75em 0;
}

#RememberMe {
    float: left;
    margin: 0.875em 0.5em 0.25em 0;
    display: inline-block;
    font-size: 0.875em;
}

.shl-duplicate-email-warning-img {
    width: 20px;
}

/* tweaks for IE7 to make buttons all look alike */
.ie.ie7 button.ui-button span.ui-button-text,
.ie.ie7 input.ui-button:not(.shl-top-nav input[type="submit"]) {
    line-height: 1.4;
}

.ie.ie7 button.ui-button span.ui-button-text {
    padding-top: 0.3em;
    padding-bottom: 0.5em;
}

/* jsTree overrides */
.shl-fs .jstree a {
    white-space: normal !important;
    height: auto !important;
    padding-left: 19px !important;
    text-indent: -19px !important;
}

.jstree a > ins {
    position: relative;
    left: -19px;
}

.shl-fs .jstree li > ins {
    vertical-align: top;
}

.shl-fs .jstree .jstree-hovered,
.shl-fs .jstree .jstree-clicked {
    border: 0;
}

.shl-fs .jstree-apple > ul {
    background: none !important;
}

.shl-fs .jstree-apple .jstree-clicked,
.shl-fs .jstree-apple .jstree-hovered {
    padding-right: 2px !important;
}

.shl-fs .ui-tabs {
    padding: 0 !important;
}

.shl-fs .ui-tabs .ui-widget-header {
    border: none;
}

.hoveredTableCell {
    background-color: RGBA(255,213,0,0.5);
}

.highlight {
    background-color: #F5EBC5;
}

#invalidDataTop,
#invalidDataBottom {
    float: left;
    color: Red;
}

.openErrorMessage {
    color: #FF0000;
    /* #EC008C; */
}

.mcErrorMessage {
    color: #FF0000;
    /* #EC008C; */
}

element.style {
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.ui-widget-content {
    border: 1px solid #bfbfbf;
    color: #353535;
}
.ui-widget-header {
  background: #6e6e6e;
}

/* Media queries */
/* Products bar paginator: wrapping to 2 lines */
@media (max-width: 1279px) {
    .shl-pb [class*="span"].shl-showing-results {
        text-align: center;
        width: 100%;
    }

    .shl-pb [class*="span"].shl-pagination {
        clear: both;
        margin-left: 0px;
        width: 65%;
    }

    .shl-pb [class*="span"].shl-pagination .shl-pager {
        text-align: left;
    }

    .shl-pb [class*="span"].shl-ordering {
        float: right;
    }
}

/* Footer: wrapping to 2 centrally positioned lines */
@media (max-width: 1023px) {
    .shl-footer {
        text-align: center;
    }

    .shl-footer .shl-left-menu {
        float: none;
    }

    .shl-footer .shl-right-menu {
        clear: both;
        float: none;
    }


    .shl-footer ul.social {
        text-align: center;
    }

    .shl-footer ul.social li {
        margin: 0 0.5em;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm,
    .span9 > section[aria-labelledby="pjmListSearch"],
    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid {
        width: 95%;
        margin-bottom: 0;
        position: relative;
        top: 0;
        float: none;
        clear: both;
        height: auto;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] {
        padding-bottom: 0;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid {
        margin-bottom: 1em;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm {
        margin-bottom: 1em;
    }
}

/* Home: banner image width */
@media(max-width:1099px) {
    #WelcomeContainer > hgroup:first-child:before {
        width: 40%;
    }
}

/* Products bar paginator: wrapping to 3 lines */
/* Home banner: size adjust */
@media (max-width: 899px) {
    .shl-pb [class*="span"].shl-pagination {
        text-align: center;
        width: 100%;
    }

    .shl-pb [class*="span"].shl-pagination .shl-pager {
        text-align: center;
        margin: .5em 0
    }

    .shl-pb [class*="span"].shl-ordering {
        clear: both;
        float: none;
        margin-left: 0px;
        text-align: center;
        width: 100%;
    }

    .shl-pb [class*="span"].shl-ordering select {
        float: none;
    }

    #WelcomeContainer > hgroup h1 {
        font-size: 1.75em;
        line-height: 1.4em;
        padding-bottom: .33em;
    }

    #WelcomeContainer > hgroup:first-child:before {
        height: 13.5em;
    }

    #WelcomeContainer > hgroup:first-child + p {
        font-size: 1.125em
    }
}

/* Top header navigation: wrapping to 2 lines */
@media (max-width: 799px) {
    .shl-top-nav ul li.shl-mq-no-right-separator {
        background: none;
        /* margin: 0px; */
        padding: 0px;
    }

    .shl-top-nav .shl-country-widget {
        clear: both;
        float: none;
    }

    .shl-top-nav .shl-country-widget span {
        white-space: nowrap;
    }

    aside.shl-white.shl-server-message .image,
    aside.shl-white.shl-server-message.shl-server-info .image {
        width: 6%
    }

    aside.shl-white.shl-server-message .content,
    aside.shl-white.shl-server-message.shl-server-info .content {
        width: 90%;
    }
}

/* Products list: hiding product type icon */
/* Site header and nav adjustments for mobile */
/* Aside: size adjustments */
/* Home banner: size adjust */
/* Home content columns: size adjust */
@media (max-width: 768px) {

    .shl-top-nav,
    .shl-main-content {
        width: 90%;
        padding: 1% 5%;
    }

    .shl-masthead {
        width: 25%
    }

    .shl-navigation {
        width: 75%;
    }

    .shl-masthead .shl-logo {
        margin-left: 20%
    }

    [class*="span"] + [class*="span"],
    .row-fluid [class*="span"] + [class*="span"] {
        margin-top: 1em;
    }

    #RecentActivityMessage + div > .row-fluid {
        display: inline-block;
    }

    #RecentActivityMessage + div > .row-fluid [class*="span"] {
        width: 45%;
        float: left;
    }

    #RecentActivityMessage + div > .row-fluid [class*="span"] + [class*="span"] {
        margin-top: 0;
        float: right;
    }

    .shl-navigation [class*="span"] + [class*="span"] {
        margin-top: 0;
    }

    .shl-main-menu ul li {
        padding: 1.5em 1.33em;
        margin: 0;
    }

    .span9.shl-main-menu {
        width: 67% !important;
    }

    .row-fluid [class*="span"].shl-search:first-child {
        width: 33% !important;
    }

    .shl-main-menu nav > ul {
        text-align: right;
        margin-left: 5%;
    }

    .shl-search-form {
        margin-right: 15%;
    }

    .row-fluid [class*="span"].shl-search {
        /* width: 50%; */
    }

    .shl-pb [class*="span"].shl-pagination .shl-pager {
        text-align: center;
    }

    button,
    button.shl-button-link,
    input[type="button"],
    input[type="submit"],
    input.shl-button-link,
    a.shl-button-link {
        font-size: .9em;
    }

    article.shl-product .text-block p.more-less {
        font-size: 0.95em;
        line-height: 1.4em;
    }

    .shl-showing-results span {
        font-size: .9em;
    }

    .shl-pager {
        margin: 0.5em 0;
    }

    .shl-pb [class*="span"].shl-showing-results {
        padding-top: 20px;
    }

    .shl-product [class*="span"].shl-product-type-column {
        display: none;
    }

    form#LogOnForm .span5,
    .shl-products-in-basket .span2 {
        width: 12.5%;
        float: left;
        text-align: right;
    }

    form#LogOnForm .span7,
    .shl-products-in-basket .row-fluid [class*="span"] + [class*="span"] {
        width: 85%;
        float: right;
        margin-top: 0;
    }

    aside#LogOnContainer form .span7 a {
        font-size: .875em;
    }

    #RememberMe,
    #RememberMe + input + label {
        font-size: 0.875em;
    }

    aside#LogOnContainer .shl-gray,
    aside.basket-widget.shl-gray {
        width: 89.715%;
    }

    #WelcomeContainer,
    #WelcomeContainer .shl-same-height {
        margin-bottom: 1.25em;
    }

    #WelcomeContainer .shl-top-margin-15 {
        display: inline-block
    }

    #WelcomeContainer .shl-same-height {
        width: 100%;
        display: inline-block;
    }

    #WelcomeContainer .shl-same-height:last-child {
        margin-bottom: 0;
    }

    #WelcomeContainer .shl-same-height .inner-div {
        padding-bottom: 0
    }

    #WelcomeContainer .shl-button-link {
        bottom: unset !important;
        display: inline-block;
        position: relative !important;
        margin-top: 1em;
        float: right;
        clear: both;
    }

    aside.shl-white.shl-server-message .content {
        font-size: .9em;
    }

    #profileMessage + form fieldset .row-fluid .span3.display-label {
        float: left;
        width: 26.5%;
    }

    #profileMessage + form fieldset .row-fluid .span3.display-label label.shl-right {
        float:left;
    }

    #profileMessage + form fieldset .row-fluid .span3.display-label, #profileMessage + form fieldset .row-fluid .span3.shl-text-align-right {
        text-align:left;
    }

    #profileMessage + form fieldset .row-fluid .span4.editor-field {
        float: left;
        width: 43%;
    }

    #profileMessage + form fieldset .row-fluid .span5.display-label {
        float: left;
        width: 29%;
    }

    #detailsSummaryServerMessage + div.row-fluid {
        display: inline-block
    }

    #UploadForm .editor-label.shl-right {
        float: none;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm [class*="span"],
    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm [class*="span"] + [class*="span"],
    .span9 > section[aria-labelledby="pjmListSearch"] [class*="span"],
    .span9 > section[aria-labelledby="pjmListSearch"] [class*="span"] + [class*="span"] {
        float: left;
        margin-top: 0;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] .span4 {
        width: 75%;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] .span8,
    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm .span5 {
        width: 21.7%;
    }

    .span9 > section[aria-labelledby="pjmListSearch"] + .row-fluid + form#UploadForm .span4 {
        width: 61.7%
    }

    section[aria-labelledby="pendingOrdersListSearch"] .span4,
    section[aria-labelledby="ordersListSearch"] .span4,
    section[aria-labelledby="candidatesListSearch"] .span4,
    section[aria-labelledby="projectsListSearch"] .span4 {
        float: left;
        width: 50%;
    }

    section[aria-labelledby="pendingOrdersListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="ordersListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="candidatesListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="projectsListSearch"] [class*="span"] + [class*="span"] {
        float: left;
        margin: 0 0 0 2%;
        width: 48%;
    }
    .editor-label.align-right, .display-label.align-right {
        text-align: left;
    }
}

/* Layout: adjustments */
@media(max-width:768px) {
    .row-fluid [class*="span"].shl-search {
        /* width: 39%; */
    }

    .shl-search-form {
        margin-right: 12.5%;
    }

    .shl-navigation {
        width: 100%;
        float: none;
        height: auto;
    }

    aside.shl-white.shl-server-message .image {
        width: 12%;
    }

    aside.shl-white.shl-server-message .content {
        width: 82%;
    }
}

/* Footer: switching to vertical list */
@media (max-width: 599px) {

    .shl-footer ul li,
    .shl-footer ul li.shl-right-separator {
        background: none;
        display: block !important;
        line-height: 28px;
        margin: 0px;
        padding: 0px;
    }

    .shl-footer ul.social li {
        display: inline-block !important;
    }

    .shl-top-nav .shl-country-widget {
        display: block;
        padding-left: 0;
    }

    #profileMessage + form fieldset .row-fluid .span3.display-label {
        width: 40%;
        margin-top: 0;
    }

    #profileMessage + form fieldset .row-fluid .span3.display-label label {
        font-size: .875em;
        line-height: 1.2em;
    }

    #profileMessage + form fieldset .row-fluid .span4.editor-field {
        width: 58%;
        margin: 0 0 .25em 0;
    }

    #profileMessage + form fieldset .row-fluid .editor-field input {
        width: 86%;
    }

    #profileMessage + form fieldset .row-fluid .editor-field select {
        width: 89.25%;
    }

    #profileMessage + form fieldset .row-fluid .span4.editor-field span {
        width: 10%;
    }

    #profileMessage + form fieldset .row-fluid .span5.display-label {
        float: right;
        width: 52.2%;
        clear: both;
        margin: 0 5.8% 1em 0;
    }

    .span9.shl-main-menu,
    .row-fluid [class*="span"].shl-search:first-child {
        width: 100% !important;
    }

    .span3.shl-search form {
        width: 80% !important;
        display: inline-block;
        margin: 0 10%;
    }

    .span9.shl-main-menu nav {
        width: auto;
        display: grid;
    }

    .shl-main-menu ul.menubar {
        margin: 0 auto;
    }

    .shl-main-menu ul.menubar > li {
        margin-bottom: 1em;
        float: left;
    }

    .shl-main-menu ul li:hover,
    .shl-main-menu ul li.menu-hover {
        margin-bottom: 0
    }

    .shl-main-menu ul.menubar ul li {}

    .shl-masthead {
        width: 80%;
        margin: 0 10%
    }

    .shl-masthead .shl-logo {
        margin-left: 0;
        background-position: center;
    }

    section[aria-labelledby="pendingOrdersListSearch"] .span4,
    section[aria-labelledby="ordersListSearch"] .span4,
    section[aria-labelledby="candidatesListSearch"] .span4,
    section[aria-labelledby="projectsListSearch"] .span4 {
        float: left;
        width: 66.7%;
    }

    section[aria-labelledby="pendingOrdersListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="ordersListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="candidatesListSearch"] [class*="span"] + [class*="span"],
    section[aria-labelledby="projectsListSearch"] [class*="span"] + [class*="span"]{
        float: left;
        margin: 0 0 0 3.3%;
        width: 30%;
    }

}

/* Aside: size adjustments */
/* Home banner: size adjust */
/* Home content columns: size adjust */
@media(max-width:579px) {

    #WelcomeContainer > hgroup:first-child,
    #WelcomeContainer > hgroup:first-child + p {
        height: auto;
        padding: 0 5% 2em;
        width: 90%;
    }

    #WelcomeContainer > hgroup:first-child {
        padding: 2em 5% 0;
        width: 90%;
    }

    #WelcomeContainer > hgroup:first-child:before {
        display: none;
    }

    #WelcomeContainer .shl-same-height {
        padding: 3.33% 5%;
    }


    form#LogOnForm .span5,
    .shl-products-in-basket .span2 {
        width: 17.5%;
        float: left;
        text-align: right;
    }

    form#LogOnForm .span7,
    .shl-products-in-basket .row-fluid [class*="span"] + [class*="span"] {
        width: 80%;
        float: right;
    }

    .row-fluid [class*="span"].shl-search {
        width: 50%;
    }

    form#LogOnForm .editor-label label {
        font-size: 1em;
    }
}

/* Top header navigation: wrapping to 3 centrally positioned lines */
@media (max-width: 539px) {
    .shl-top-nav {
        text-align: center;
    }

    .shl-top-nav .shl-left-menu,
    .shl-top-nav .shl-left-menu ul,
    .shl-top-nav .shl-right-menu ul {
        float: none;
    }

    .shl-top-nav .shl-left-menu li.shl-home-link {
        display: none !important;
    }

    .shl-top-nav .shl-right-menu {
        clear: both;
    }

    .shl-top-nav .shl-right-menu li.shl-home-link {
        display: inline-block;
    }

    .ie.ie6 .shl-top-nav .shl-right-menu li.shl-home-link,
    .ie.ie7 .shl-top-nav .shl-right-menu li.shl-home-link {
        display: inline;
    }

    .shl-top-nav .shl-country-widget {
        white-space: normal;
    }

    .shl-top-nav .shl-country-widget span {
        white-space: nowrap;
    }

    .shl-top-nav ul li.shl-right-separator,
    .shl-top-nav ul li,
    .shl-top-nav .shl-country-widget .shl-right-separator,
    .shl-top-nav .shl-country-widget span {
        margin: 0 1em;
    }
}

/* Search: search box expands to full screen width
   See also Site.updateSearchTextBox() */
@media (max-width: 480px) {
    .row-fluid [class*="span"].shl-search {
        width: 90%;
        margin: 0 5%;
    }

    .row-fluid.shl-masthead,
    .row-fluid.shl-navigation {
        max-width: 80%;
        width: 80%;
        float: none;
        clear: both;
        display: inline-table;
        margin: 0 10%;
    }

    .row-fluid.shl-navigation .span3,
    .row-fluid.shl-navigation .span9 {
        margin: 0 !important;
        width: 100%;
    }

    .shl-search-form input[type="text"] {
        max-width: 100%;
    }

    .row-fluid [class*="span"].shl-main-menu {
        clear: both;
        float: none;
        display: inline-block;
        width: 90%;
        margin: 0 5%;
    }

    .shl-main-menu ul {
        margin: 0;
    }

    .span9.shl-main-menu nav,
    .span3.shl-search form {
        margin: 0;
        width: 99% !important;
    }

    .shl-main-menu > nav > ul > li {
        margin: 0;
        display: inline-block;
        float: none;
        text-align: center;
    }

    .shl-search-form {
        margin-right: 0;
    }

    .shl-masthead .shl-logo {
        background-position: center;
        margin-left: auto;
        margin-bottom: 0;
    }

    .span12 h1 {
        padding: .5em
    }

    aside.shl-white.shl-server-message .image,
    aside.shl-white.shl-server-message.shl-server-info .image,
    .span9 aside.shl-white.shl-server-message .image {
        width: 8%
    }

    aside.shl-white.shl-server-message .content,
    aside.shl-white.shl-server-message.shl-server-info .content,
    .span9 aside.shl-white.shl-server-message .content {
        width: 88%;
    }
}
.ui-dialog {
    z-index: 1002 !important;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    font-size: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 5px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    top: 0;
    left: 0;
    margin: 0;
}
