/******Header******/
#x_headerBlock {
  color: $mainfontcolour;
  background-repeat:no-repeat;
  background-position:right;
  background-image:	none;
  width: 100%;
  border-top-right-radius: $largeroundedcorners;
  background: $bodybackgroundcolor;
  box-shadow: $interfaceboxshadow;
}

#x_headerBlock #x_pageIntroBtn {
	color: $lightbtncolor;
}

#x_headerBlock #x_pageIntroBtn.pageIntroBg {
	color: $lightbtntxt;
	background-color: $lightbtncolor;
}

#x_headerBlock #x_pageIntroBtn.ui-button.ui-state-hover, #x_headerBlock #x_pageIntroBtn.ui-button.ui-state-focus, #x_headerBlock #x_pageIntroBtn.ui-state-active {
	color: $lightbtnselected;
}

#x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-button.ui-state-hover, #x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-button.ui-state-focus, #x_headerBlock #x_pageIntroBtn.pageIntroBg.ui-state-active {
	color: $lightbtntxt;
	background-color: $lightbtnselected;
}

/* progress bar */
#x_headerProgress .pbContainer {
  background-color: $dark5;
  border: none;
}
#x_headerProgress .pbBar {
  background-color: $contrastcolor;
}
#x_headerProgress .progressMarker {
  border-color: $dark5;
  background-color: $bodybackgroundcolor;
}
#x_headerProgress .progressMarker.complete {
  border-color: $contrastcolor;
}


/* page resources */
#x_pageResourcesBtn.ui-button-icon-only {
  border: none;
}

#x_pageResourcesBtn.ui-button-icon-only:hover, #x_pageResourcesBtn.ui-button-icon-only:active, #x_pageResourcesBtn.ui-button-icon-only:focus {
  color: $contrastcolor;
  background: none;
}

#x_pageResourcesBtn .resourceNumber {
  background: $contrastcolor;
  color: $lightbtntxt;
}

#x_pageResourcesBtn.ui-button-icon-only:hover .resourceNumber, #x_pageResourcesBtn.ui-button-icon-only:active .resourceNumber, #x_pageResourcesBtn.ui-button-icon-only:focus .resourceNumber {
  background: $lightbtncolor;
  color: $lightbtntxt;
}

#x_resourceTable tr {
  border-color: $mainfontcolour;
}

.resourceIcon {
  border: none;
}