html {
    height: 101%;
}

body {
    background: #EAEAEA url(../i/bg.jpg) repeat-x scroll left top;
    font-family: Verdana, sans-serif;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 140%;
}

#login a,
    #login label#rememberLoginLabel {
    font-size: 0.8em
}

a:hover {
    text-decoration: underline
}

label#email {
    font-weight: bold
}

#prelogin #content #login p.error,
    p#errorMessages {
    color: #fff;
    border: 1px solid #be1c1c;
    background: #e52828;
}

p#successMessages {
    color: #FFF;
    border: 1px solid #015F00;
    background-color: #008000;
}

#prelogin #content #passwordReminder p.error {
    color: #fff;
    border: 1px solid #be1c1c;
    background: #e52828;
    margin-left: -5px;
    margin-bottom: 10px;
    width: 908px
}

/* PRE & POST LOGIN HOMEPAGES */

#prelogin #header,
    #postlogin #header {
    margin: 7px 0 15px;
    height: 115px;
    background: transparent url(../i/header-pre.png) bottom left no-repeat;
}

#prelogin #content div,
#postlogin #content div {
    background: #fff;
    color: #000;
    min-height: 310px;
    width: 278px;
    float: left;
    margin: 0 10px 10px;
    padding: 10px
}

#login {
    padding:0;
    margin:0
}

#prelogin #content #passwordReminder {
    min-height: 100px
}

#prelogin #content #about,
    #prelogin #content .info,
    #postlogin #content #levels {
    border: 1px solid #ff9100
}

#prelogin #content .settlements {
    border: 1px solid #79A341
}

#prelogin #content .ecr {
    border: 1px solid #117BB5
}

#prelogin #content #how,
    #postlogin #content #settlements {
    border: 1px solid #387c2b
}

#prelogin #content #login,
    #postlogin #content #executive {
    border: 1px solid #005a84
}

#prelogin #content h2 {
    color: #fff;
    font-size: 1.3em;
    padding: 1em 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal
}

#postlogin #content h2 {
    color: #fff;
    font-size: 1.2em;
    padding: 1em 0.5em;
    margin-bottom: 0.5em;
    font-weight: normal
}

#prelogin #content #about h2,
    #postlogin #content #levels h2 {
    background: transparent url(../i/bg-orange-small.png) repeat scroll left top;
}

#prelogin #content .info {
    width: 920px
}

#prelogin #content .info h2 {
    background: transparent url(../i/bg-orange.png) repeat scroll left top;
}

#prelogin #content .info h2.settlements {
    background: transparent url(../i/bg-green.png) repeat scroll left top;
}

#prelogin #content .info h2.ecr {
    background: transparent url(../i/bg-blue.png) repeat scroll left top;
}

#prelogin #content .info p {
    margin: 1px 10px
}

#prelogin #content .info li {
    list-style-type: disc;
    margin: 10px 10px 10px 30px
}

#prelogin #content .info span.subheadinfo {
    font-style: italic;
    display: block;
    margin: 15px 0
}

#prelogin #content #how h2,
    #postlogin #content #settlements h2 {
    background: transparent url(../i/bg-green-small.png) repeat scroll left top;
}

#prelogin #content #login h2,
    #postlogin #content #executive h2 {
    background: transparent url(../i/bg-blue-small.png) repeat scroll left top;
}

#content form {
    padding: 5px;
    line-height: 1.8;
    font-size: 1.1em
}

#prelogin #content p, #postlogin #content p {
    padding: 5px;
    line-height: 1.4;
    font-size: 1em
}

#prelogin .last {
    border: 0
}

#prelogin #content .help ol li {
    list-style-type: decimal;
    margin-left: 38px
}

.help table {
    margin: 10px;
}

.help table td {
    padding: 0 10px
}

#content .ecr td {
    padding: 10px 20px
}

#content .ecr td.subheading {
    background: #EAEAEA
}

.help table th {
    font-weight: bold;
    padding: 10px
}

/* END PRE & POST */

/* WRAPPER */
#wrapper {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 960px;
}

a {
    text-decoration: none;
}

a:visited {
    color: blue;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

/**************** HEADER ************/
#header {
    background: url(../i/header.png) #FFFFFF no-repeat scroll left top;
    height: 85px;
    margin: 6px 0 15px;
    position: relative;
}

#prelogin #header,
    #postlogin #header {
    background: transparent url(../i/header-pre.png) no-repeat scroll left bottom;
    height: 115px;
    margin: 6px 0 15px;
}

/* LINKS*/

a#homepageLink span {
    position: absolute;
    top: 28px;
    left: 20px;
    height: 60px;
    width: 200px;
    cursor: pointer;
}

body#prelogin a#hompageLink span,
    body#postlogin a#hompageLink span {
    top: 40px;
    height: 52px;
    width: 186px;
}

a#thomsonReutersLink span {
    position: absolute;
    top: 47px;
    right: 20px;
    height: 35px;
    width: 145px;
    cursor: pointer;
}

body#prelogin a#thomsonReutersLink span,
    body#postlogin a#thomsonReutersLink span {
    top: 40px;
    width: 192px;
    height: 42px;
}

ul#header-menu {
    text-align: right;
    margin-right: 20px;
}

#prelogin ul#header-menu,
    #prelogin ul#subnav {
    float: right;
    margin-right: 20px;
}

ul#header-menu li,
    ul#footer-menu li,
    ul#subnav li {
    border-right: 1px solid silver;
    display: inline;
    margin: 0;
    padding: 0 10px;
}

ul#header-menu a:hover {
    text-decoration: underline;
}

ul#header-menu li.menu-item-last {
    border: 0 none;
    padding-right: 3px;
}

/************ END OF HEADER **************/

/************ BREADCRUMB ****************/
ul#crumbnav.preLogin,
    ul#crumbnav.settlementsHelp,
    ul#crumbnav.ecrHelp {
    width: 942px;
    margin: 0 10px;
}

div#paysettlements ul#crumbnav,
    ul#crumbnav.settlementsHelp {
    background: transparent url(../i/bg-green.png) no-repeat scroll left top
}

div#paylevels ul#crumbnav,
    ul#crumbnav.preLogin {
    background: transparent url(../i/bg-orange.png) no-repeat scroll left top
}

div#executivecompensation ul#crumbnav,
    ul#crumbnav.ecrHelp {
    background: transparent url(../i/bg-blue.png) no-repeat scroll left top
}

ul#crumbnav, ul#crumbnav li {
    height: 35px;
    line-height: 35px;
}

ul#crumbnav li a {
    color: white;
    letter-spacing: 0.1em;
}

ul#crumbnav li {
    background: transparent url(../i/chevron.png) no-repeat scroll right center;
    padding: 10px 20px 10px 10px;
    display: inline;
}

ul#crumbnav li.last {
    background: transparent;
}

/************ END OF BREADCRUMB ************/

/********** TABS **********/

ul.tabContainer {
    background-color: #E2E2E2;
    height: 25px;
    padding: 4px;
    padding-bottom: 0;
    margin-bottom: 4px;
}

li.tab {
    background-color: #EEE;
    color: #555;
    float: left;
    padding: 3px 1px;
    border: 1px solid #999;
    border-bottom: 0 none !important;
    margin-left: 2px;
}

li.tab.tabSelected {
    background-color: #FFF;
    color: #212121;
}

li.tab a {
    padding: 0 3px;
    text-decoration: none;
    color: #222;
}

/*********** CONTENTS ****************/
.content {
    background-color: #FFF;
    margin: 0;
    padding: 8px;
}

body#settlements .content {
    border: 1px solid #79A341
}

body#levels .content {
    border: 1px solid #FF9100
}

body#ecr .content {
    border: 1px solid #1583C0;
}

/****************** END OF CONTENTS *************/

/*********** SETTLEMENTS ***************/

div#headline-figures {
    background-color: #F4FBE4;
    border: 1px solid #C4C4C4;
    margin: 0 0 8px;
}

body#settlements div#headline-figures {
    border-color: #C1CAAE;
}

div#Summary {
    margin: 0 8px;
}

div#summaryTitle {
    background-color: #F4FBE4;
    float: left;
    width: 400px;
    margin-left: 8px;
    margin-top: 3px;
    padding-top: 3px;
}

body#settlements div#finderContainer {
    margin-bottom: 8px;
}

/* background-color needs to be set specifically to make sure the fade works correctly */
div#summaryTitle h1 {
    background-color: #F4FBE4;
    font-size: 1.5em;
    padding: 10px;
}

/*div#summaryTitle span {*/
/*font-size:small;*/
/*margin-left:127px;*/
/*}*/

div#timePeriod {
    float: left;
    padding-left: 27px;
    padding-top: 3px;
}

div#timePeriod span {
    font-size: small;
}

div#headline-figures div.titleInformation {
    width: 40%;
    float: left;
}

div#Data_Table div.titleInformation {
    width: 40%;
    margin: auto;
    height: 60px;
}

div#headline-figures h2,
    div#Data_Table h2 {
    color: #387C2B;
    background-color: inherit;
    font-size: 1.2em;
    padding: 10px;
}

/* This needs to be set specifically to make sure the fade works correctly */
div#headline-figures h2 {
    background-color: #F4FBE4;
}

div#headline-figures h4,
    div#Data_Table h4 {
    color: #222222;
    font-size: 1.2em;
    margin: 10px;
}

div#Data_Table table {
    border: 1px solid #C4C4C4;
    font-size: 0.8em;
    margin: 10px;
    width: 97%;
}

body#settlements div#Data_Table table {
    border-color: #C1CAAE;
}

div#Data_Table table th {
    font-size: 1em;
    vertical-align: middle;
}

/*********************SUMMARY TABLES ********************/
div#headline-figures table {
    border: 1px solid #C4C4C4;
    margin: 8px;
    width: 500px;
    font-size: small;
    float: right;
}

body#settlements div#headline-figures table {
    border-color: #C1CAAE;
}

div#headline-figures table th {
    border-left: 1px solid #C4C4C4;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

body#settlements div#headline-figures table th {
    background-color: #79A341;
}

body#levels div#headline-figures table th {
    background-color: #FF9100;
}

div#headline-figures table td {
    border: 1px solid #C4C4C4;
    color: #222222;
    padding: 9px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

body#settlements div#headline-figures table td {
    border-color: #C1CAAE;
}

body#settlements table#settlementDataTable {
    width: 638px;
}

body#settlements div.tabContent {
    height: 540px;
}

body#settlements div#righthandColumnContainer {
    height: 612px
}

div#Data_Table table th {
    background: #e5e5e5 none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    color: #000000;
    padding: 7px;
    font-weight: bold;
    text-align: center;
}

div#Data_Table table th a:hover {
    text-decoration: underline;
}

div#Data_Table table th.order1 {
    background: url(../i/sort_asc.gif) no-repeat;
    background-position: 97%;
86 %;
    background-color: #C5C5C5;
}

div#Data_Table table th.order2 {
    background: url(../i/sort_desc.gif) no-repeat;
    background-position: 97%;
86 %;
    background-color: #C5C5C5;
}

div#Data_Table table td.sorted {
    background-color: #E5E5E5;
}

tr.odd {
    background-color: #fff
}

tr.tableRowEven,
    tr.even {
    background-color: #f9f9f9;
}

div#Data_Table table td {
    border: 1px solid #bbbbbb;
    padding: 3px;
    text-align: center;
}

div#Data_Table table tr.hasFullview {
    cursor: pointer;
}

div#Data_Table table tr.fullview {
    border: 2px solid #bbbbbb;
    cursor: pointer;
}

div#Data_Table table tr.fullview dt {
    width: 200px;
    float: left;
    text-align: right;
}

div#Data_Table table tr.fullview dd {
    margin-left: 204px;
    text-align: left;
}

/** DATE PICKER **/
ul#subnav {
    padding: 0;
}

ul#subnav li {
    display: inline;
    border-right: 1px solid silver;
    margin: 0;
    padding: 3px 10px;
}

ul#subnav li.menu-item-last {
    border: 0;
    padding-right: 0;
}

.inputDate {
    width: 68px;
    border: 1px solid #C4C4C4;
    background: #fff;
}

.button2 {
    background: #DDDDDD url(../i/button.gif) repeat-x scroll 0 0;
    border: 1px solid #AAAAAA;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
}

/** FINDER **/
.ui-finder {
    height: 160px;
    padding: 5px;
}

/* Add a margin to items without checkboxes */
li#wholeUkEconomy a,
    li#azOrganisations a {
    margin-left: 17px;
}

/** CHART DATA **/
div#righthandColumnContainer {
    border: 1px solid #C4C4C4;
    margin-left: 245px;
    padding: 0 8px 8px;
    background: #FFF;
}

body#settlements div#righthandColumnContainer {
    border-color: #C1CAAE;
}

div#resultsTitle {
    padding: 5px;
    font-size: 1.1em;
    font-weight: bold;
    color: #222;
}

div#actions {
    margin: 18px;
}

.ui-widget-header {
    border: none;
}

div.ui-finder-wrapper,
    div#righthandColumnContainer {
    border: 1px solid #999;
}

body#levels div#chart-tabs,
    body#levels div#table-tabs {
    border: 1px solid #FF9100;
}

.ui-widget-content a {
    font-size: 1.3em;
}

#ecr .ui-widget-content a {
    font-size: 1em;
}

.ui-state-default,
    .ui-widget-content .ui-state-default {
    border-color: #999;
}

/*** SUMMARY TABLE ***/
div#levelsummaryTitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #222;
    margin-bottom: 4px;
    margin-left: 4px;
}

.pagebanner {
    float: left;
    color: black;
    padding-left: 8px;
    font-size: 94%;
}

.pagelinks {
    color: blue;
    padding-right: 12px;
    float: right;
    font-size: 94%;
}

.pagelinks strong {
    color: black;
    font-weight: normal;
}

.pagelinks a {
    color: blue;
    font-size: 94%;
}

.pagelinks a:hover {
    text-decoration: underline;
}

/** title & print data **/
div#chart p#chartdata-title {
    padding: 8px;
}

div#chart p#print-export {
    padding: 10px;
    border: 1px solid red;
}

/** FILTERS **/

div#dateRangePicker {
    margin-bottom: 8px;
    text-align: right;
}

div#ui-datepicker-div {
    border: 1px solid #c4c4c4;
    z-index: 2; /* Makes sure calendar sits over slider handles in levels */
}

div#filters {
    background: #FFF;
    border: 1px solid #c4c4c4;
    position: relative;
}

div#paysettlements div#filters {
    float: left;
    width: 235px;
    background: #F4FBE4;
}

div#filterTitle {
    margin: 18px;
}

div#filterTitle h1 {
    font-size: 1.3em;
    font-weight: bold

}

img#loading {
    float: right;
    padding: 8px;
}

#ecr img#loading {
    float: none;
    vertical-align: middle;
    padding: 0 8px;
}

div.filterContainer {
    margin: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #c4c4c4;
}

div.filterContainer h4 {
    font-weight: bold;
    margin-bottom: 4px;
}

div#riseRangeSlider {
    width: 190px;
    text-align: center;
    margin-top: 3px;
    margin-left: 11px;
}

div#riseRange input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-weight: bold;
    padding: 3px;
    width: 202px;
}

div#typeOfIncrease select {
    border: 1px solid #c4c4c4;
    margin-top: 6px;
    width: 152px
}

div#unionRecognition select {
    border: 1px solid #c4c4c4;
    margin-top: 6px;
    width: 152px
}

div#longTermDeal select {
    border: 1px solid #c4c4c4;
    margin-top: 6px;
    width: 152px
}

/*********************************** LEVELS ***********************************************/
#paylevels .content {
    border: 1px solid #FF9100;
    background: #f5f5f5;
}

div#lefthandColumnContainer {
    float: left;
    width: 235px;
}

/**** FILTERS *****/
div#jobsFilter input {
    border: 1px solid #C4C4C4;
    width: 194px;
}

li.regionLabelSeparator {
    border-bottom: 1px solid #C4C4C4;
    padding: 0;
    margin-bottom: 2px;
}

div#regionsFilter table {
    font-size: 0.7em;
}

div#regionsFilter input {
    margin-right: -1px;
}

div#sectorsIndustryFilter select {
    margin-top: 8px;
    border: 1px solid #C4C4C4;
    width: 200px;
}

div#salaryRangeFilter input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    font-size: 100%;
    padding: 3px;
    text-align: right;
    width: 202px;
}

div#salaryRangeFilterSlider {
    margin-left: 11px;
    margin-top: 3px;
    text-align: center;
    width: 190px;
}

div#effectiveDateFilter input#dateApply {
    float: right;
}

div#effectiveDateFilter label {
    float: left;
    width: 35px;
    text-align: right;
}

input#dateApply {
    padding: 0 14px;
}

a.hideFilterLink {
    float: right;
}

/************ TABS **********/
div#Sector_Chart {
    height: 368px;
}

div#Region_Chart {
    height: 368px;
}

div#JobLevel_Chart {
    height: 368px;
}

/****** SUMMARY ******/
div#levelDataTableContainer table {
    border: 1px solid #C4C4C4;
    width: 100%;
}

body#settlements div#levelDataTableContainer table {
    border-color: #C1CAAE;
}

div#table {
    margin-top: 3px;
    margin-top: 3px;
    padding-top: 3px;
}

div#table-tabs table th {
    background: #e5e5e5 none repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    padding: 7px;
    font-weight: bold;
    text-align: center;
}

div#table-tabs table td {
    border: 1px solid #BBBBBB;
    padding: 3px;
    text-align: center;
}

div#Data_Table table tr.hasFullview td div.arrow{
    background: transparent url(../i/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}

div#Data_Table table tr.hasFullview td div.up{
background-position: 0px 0px;
}

/***** HELP RESOURCES ******/
div#helpResources {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    margin-top: 8px;
}

div#helpResourcesTitle {
    margin: 8px;
    padding-bottom: 3px;
}

ul#helpItems li {
    margin-left: 8px;
    background: transparent url(../i/helpIcon.jpg) no-repeat scroll left top;
    padding-left: 23px;
    padding-bottom: 8px;
}

#footer {
    clear: both;
    margin: 0 10px 10px
}

ul#footer-menu {
    margin-top: 7px;
}

ul#footer-menu li {
    border-right: 1px solid silver;
    float: left;
    margin: 0;
    padding: 0 10px;
}

ul#footer-menu li.menu-item-last {
    border: 0 none;
    padding-right: 3px;
}

/* ECR STYLES - REFINE OUT */

#ecr ul#subnav {
    font-size: 85%
}

#ecr div#finderContainer {
    float: right;
}

#ecr .ui-finder {
    border: 1px solid #aaa;
    padding: 8px;
    padding-bottom: 31px;
}

/*   ^^^^^^^^ - def. need - ^^^^^^^^    */

#ecr div.content-nav {
    width: 306px;
    height: 200px;
    float: left;
    background: #666;
    color: white;
}

#ecr div.content-nav p {
    margin: 10px
}

#ecr div.content-view {
    width: 600px;
    height: 200px;
    float: right;
    background: #999;
    color: white
}

#ecr div.content-view p {
    margin: 10px
}

#ecr .content h2 {
    color: #387C2B;
    padding: 0 10px;
    margin-bottom: 6px;
    font-size: 120%;
    font-weight: bold
}

#ecr .content h2 {
    background: transparent url(../i/bg-blue.png) top left;
}

#ecr #companyTable h2 {
    font-weight: bold;
    background: transparent;
    color: #000;
    margin-top: 15px
}

#ecr div#headline-figures {
    height: 100px;
    background: #f4fbe4;
    border: 1px solid #c1caae;
    margin: 2px 0 10px;
    font-size: 1.2em
}

#ecr div#headline-figures h2 {
    font-size: 1.5em;
    color: #387C2B;
    padding: 12px 0 5px 10px
}

#ecr div#headline-figures h3 {
    font-size: 1.2em;
    color: #222;
    margin: 10px
}

#ecr div#headline-figures h4 {
    color: #222;
    margin: 10px 10px 5px 10px
}

#ecr div#headline-figures table {
    font-size: 1em;
    border: 1px solid #c1caae;
    margin: 10px
}

#ecr div#headline-figures table td {
    border: 1px solid #c1caae;
    padding: 10px;
    background: #fff;
    font-weight: bold
}

#ecr div#headline-figures table th {
    border: 1px solid #c1caae;
    padding: 10px;
    background: #79A341;
    color: #F4FBE4
}

#ecr ul#subnav {
    margin: 3px 10px;
    padding: 0;
    font-size: 100%
}

ul#footer-menu li,
    ul#subnav li {
    margin: 0;
    border-right: 1px solid silver;
    padding: 0 10px;
}

/* End - HEADER/FOOTER */

#ecr div#chartdata,
    #ecr div#toplevel {
    margin-top: 8px;
    padding: 8px;
    background-color: #F5F5F5;
    border: 1px solid #8DBBD7;
}

#ecr div#chartdata {
    background-color: #FFF;
}

#ecr div#chartdata p#chartdata-title {
    padding: 10px;
}

#ecr p#title {
    height: 32px;
    line-height: 32px;
}

span#directors {
    float: right;
}

#ecr div#tabs {
    border: 1px solid #8DBBD7;
}

#ecr div#filters {
    float: left;
    width: 200px;
    background: #E1EEF6;
    border: 1px solid #AAAAAA;
    width: 200px
}

#ecr div.demo {
    width: 150px;
    margin: 20px auto;
    border: 10px solid red;
}

#ecr input#amount0,
    #ecr input#amount,
    #ecr input#amount2,
    input#amount2a,
    input#amount2b,
    input#amount2c {
    padding: 3px;
    font-size: 100%;
    color: #005A84;
    font-weight: bold;
    width: 142px;
    background: transparent;
    border: 0
}

#ecr  div#filter-buttons {
    width: 150px;
    margin: 20px auto
}

#ecr  div#filter-buttons p {
    padding: 10px 0
}

#ecr  div#filter-buttons input {
    width: 150px
}

#ecr table {
    width: 100%;
}

#ecr table,
    #ecr table th,
    #ecr table td {
    border: 1px solid #8dbbd7
}

#ecr table th,
    #ecr table td {
    text-align: right;
}

#ecr div#innerfrag {
    height: 200px;
    border: 1px solid #8dbbd7;
    overflow-y: scroll;
    overflow-x: hidden;
}

#summaryData {
    margin-top: 15px
}

#ecr #summaryData h2 {
    color: #000
}

#ecr #companyTable {
    width: 920px
}

#ecr .sortme .heading,
    #ecr .sortmeco .heading,
    #ecr .sortmeco th,
    #ecr .sortmeco td {
    text-align: left;
}

#ecr #wrapper #chartdata td {
    text-align: right
}

#ecr #wrapper #chartdata #company td {
    text-align: left
}

#ecr #wrapper #chartdata #summaryData td {
    text-align: right
}

#ecr table.sortmeco th:hover {
    text-decoration: underline
}

#ecr table#company th {
    cursor: pointer;
    color: blue
}

#ecr .heading {
    background: #FFFFFF none repeat scroll 0 0;
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
}

#ecr th {
    background: #E1EEF6 none repeat scroll 0 0;
    color: #000000;
}

#ecr td, #ecr  th {
    padding: 4px;
}

#ecr tr.subtotal td.cash:hover,
    #ecr tr.subtotal td.incentives:hover,
    #ecr tr.subtotal td.incentives-actual:hover {
    background: #8dbbd7 none repeat scroll 0 0;
    color: #000000;
    cursor: pointer;
}

#ecr tr.subtotal td {
    background: #F0EFEB none repeat scroll 0 0;
    color: #000000;
}

#ecr .demo #ta {
    width: 220px;
}

#ecr ul#crumbnav li a {
    color: white;
    font-weight: normal;
    line-height: 0;
}

#ecr div#Data_Table table {
    border: 1px solid #8DBBD7;
    clear: left;
    margin-bottom: 15px;
    width: 875px;
    font-size: 100%;
}

#ecr div#Data_Table table th {
    border: 1px solid #8DBBD7;
    font-weight: bold;
    padding: 7px;
    text-align: center;
    background: #E1EEF6 none repeat scroll 0 0;
    color: #000000;
}

span.modeButton {
    color: blue;
    background-color: #FFF;
    line-height: 14px;
    padding: 5px;
    border: 1px solid #8DBBD7;
    cursor: pointer;
    font-size: 0.9em;
    margin-right: 5px;
}

span.modeButtonSelected {
    background-color: #B9E3FA;
    color: #222;
}

span.modeButton:hover,
    span.modeButtonSelected:hover {
    text-decoration: underline;
}

div#saveChartContainer {
    line-height: 25px;
    clear: both;
    margin: 8px;
    text-align: right;
}

p#chartdata-title span.marketType,
    p#chartdata-title span.jobTitle,
    p#chartdata-title span#companySearchTitle,
    p#chartdata-title span#remuneration,
    #Company_Vs_Market_Table p#notfound {
    font-size: 1.2em;
    font-weight: bold;
}

div#filter-master,
    div#co-search {
    float: left;
    width: 380px;
    background: #e1eef6;
    border: 1px solid #aaa;
    padding: 16px;
}

div#initial-filters {
    float: left;
}

div#bank2-filters {
    float: right;
}

#ecr div.filter-container {
    width: 180px; /* !important;*/
    margin: 0 !important;
}

#ecr div#initial-filters p {
    font-weight: bold;
    margin-bottom: 4px
}

#ecr div#initial-filters select {
    width: 150px;
    margin-bottom: 12px
}

#ecr div#initial-filters select#companySelectBox {
    margin: 10px 0;
    border: 1px solid red;
}

.filter-container .ui-slider {
    margin-left: 8px;
}

#ecr div#numberOfEmployees {
    margin-top: 20px
}

#ecr th#noOfCompanies {
    vertical-align: middle;
    font-size: 1.2em;
}

#ecr th {
    font-weight: bold
}

#ecr h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0;
}

#ecr #Company_Vs_Market_Table h1,
    #ecr #chartdata h1 {
    padding: 8px;
    border-top: 1px solid #8DBBD7
}

.resetButton {
    background-image: url("../i/button.gif");
    background-color: #DDD;
    border: 1px solid #AAA;
    font-weight: normal;
    padding: 5px;
    cursor: pointer;
}

#ecr #chartdata td.cash,
    #ecr #chartdata td.incentives,
    #ecr #chartdata  td.incentives-actual {
    text-decoration: none;
    cursor: pointer;
    color: blue
}

#ecr p.sliderLabel {
    text-align: left;
    font-weight: bold;
}

#ecr div#sector-reset {
    clear: both;
    padding-top: 16px;
}

#ecr div#sector-reset label {
    font-weight: bold;
}

#ecr div#sector-reset input.resetButton {
    margin-top: 8px;
    display: block;
}

#ecr div#Company_Vs_Market_Chart {
    height: 550px;
    width: 900px;
}