/* BASE STYLES */

h1, h2, h3, h4 , h5 {
  color:#028484;
}

h1, h2{
  margin-bottom: 0.8em;
}

h1.hub-heading{
  color:#fff;
  padding:90px 0 0 20px;
  font: 3.3em sans-serif;
}

.hub-logo {
  position: absolute;
  right: 20px;
  top: 70px;
}

h4{
  font-size: 1.4em;
}
h5{
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 0.3em;
}

#contentArea ul {
  list-style: disc outside;
  margin-left: 2.5em;
}
#contentArea ol {
  list-style: decimal outside;
  margin-left: 2.5em;
}

body {
    background: url("http://www.guysandstthomas.nhs.uk/SiteElements/Images/PerformanceHub/bg-body-mid-blue-performance-hub.png") no-repeat scroll 50% 0 #FFFFFF;
}

table {
  width:100%;
  border-top:1px solid #028484;
  border-right:1px solid #028484;
  margin:2em auto;
  border-collapse:collapse;
}
td {
  color:#678197;
  border-bottom:1px solid #028484;
  border-left:1px solid #028484;
  padding:.3em 1em;
}
th{
  background:#028484;
  color:#fff;
  border:1px solid #028484;
  padding:.3em 1em;
}
tr:nth-child(odd){
  background:#fbfff4;
}

a:visited{
  text-decoration:none;
}

.hub-img-right{
float: right;
margin: 0 0 10px 10px;
}
.hub-img-left{
float: left;
margin: 0 10px 10px 0;
}

/* LAYOUT */

.p-hub-header{
  position: relative; 
  height:250px;
  margin-top:20px;
  background:url(/SiteElements/Images/PerformanceHub/ph-header-bg.png) no-repeat;
}

.two-col-container {
  position: relative; 
  border:1px solid #f0f0f0; 
  min-height:220px;
  padding: 30px 20px;
  overflow: hidden;	
  margin-bottom:20px;
  width: 900px;
}

.main-left-col { 
  min-height:420px; 
  width:580px;
  position:relative;
  float:left;
}

.right-side-col { 
  min-height:220px; 
  width:290px;
  position:relative;
  float:right;
}

.right-side-stat {  
  width:100%;
  position:relative;
  margin-bottom: 30px;
  float:right;
}

.right-side-blue {
  background:#effaff; 
  position:relative;
  float:right;
  width:260px;
  padding:15px;
}

.page-mod {
  padding-top: 3em;
  color: #666;
  font-size: 0.9em;
}

/* MENU */

.secondary-menu {
  padding: 10px 20px 6px 0;
  position: relative;
  z-index: 9999;
  margin-top:10px;
}

.secondary-menu ul {
  margin-left:0 !important;
}

.secondary-menu ul li {
  display: inline;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #fff;
  padding: 10px 10px 8px;
  float:left;
  margin-bottom: 0;
  position:relative;
}

.secondary-menu .sys_megaDrop ul li{
  float:left;
  background: url(/SiteElements/Images/PerformanceHub/arrow.png) no-repeat;
  padding: 0 0 0 20px;
  margin: 2px 0;
}

.secondary-menu .sys_megaDrop ul li:nth-child(odd){
  float:left;
}
.secondary-menu .sys_megaDrop ul li:nth-child(even){
  float:right;
}

.megaLi{
  /*position:relative;*/
  position:static;
}

.secondary-menu .menu-item-one{
  border-left:1px solid #fff;
}

.secondary-menu ul li a {
  color:#028484;
  display:inline-block;
  font-size: 17px;
  cursor:pointer;
}

.secondary-menu ul li {
  color:#028484;
  display:inline-block;
  font-size: 17px;
  cursor:pointer;
}


.secondary-menu .sys_megaDrop{
  background:#f3fede;
  border:1px solid #b4dacd;
  border-top:1px solid #b4dacd;
  width:485px;
  top:38px;
  padding:3px 8px 8px;
  left:0;
  position:absolute;
  z-index:999;
}

.secondary-menu .megaDropEnd{
  background:#f3fede;
  border:1px solid #b4dacd;
  border-top:1px solid #b4dacd;
  width:485px;
  top:38px;
  padding:3px 8px 8px;
  right:0;
  left: auto;
  position:absolute;
}

.secondary-menu .sys_megaDrop li{
  width:210px; 
  position:relative;
  float:left;
  display:inline-block;
  border:none;
  padding: 5px 5px 0px;
  margin-bottom: 0;
  position:relative;
  vertical-align: top;
}

.secondary-menu li:hover,
.secondary-menu li.current {
  background:#f3fede;
  border:1px solid #b4dacd;
  padding: 9px 10px 7px;
}

.secondary-menu li a:hover{
  text-decoration:none;
}

/*.secondary-menu .megaLi:hover{
  background:#f3fede;
  border-left:1px solid #b4dacd;
  border-right:1px solid #b4dacd;
  border-bottom:0;
  border-top:1px solid #b4dacd;
  padding: 10px 10px 7px;
}*/

.secondary-menu .sys_megaDrop li a{
  color:#116cbf;
  font-size: 0.9em !important;
}

.secondary-menu  .sys_megaDrop li:hover {
  border:none;
}

.secondary-menu .sys_megaDrop li a:hover{
  text-decoration:underline;
}

/*RIGHT COL*/

.stat-no{
  width: auto;
  position: relative;
  display: inline-block;
  float: left;
  font-size: 55px;
  color: #19AC51;
  letter-spacing: -3px;
}

.stat-no-red{
  width: auto;
  position: relative;
  display: inline-block;
  float: left;
  font-size: 55px;
  color: #EF2E27;
  letter-spacing: -3px;
}

.stat-desc{
  width: 44%;
  position: relative;
  display: inline-block;
  float: left;
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 2px 0 0 10px;
}

.right-side-blue h2{
  padding-top:0;
  margin-top:0;
  font-size: 2.2em;
}

/*MINI TEMPLATES*/

.for-pros{
 border:1px solid #b4d8d4;
 margin-top:20px;
 padding:0 15px 10px;
 width:90%;
}
.blue-stat{
  font-size:17px; 
  font-weight:bold;
}

.right-side-blue a:hover{
  text-decoration:none;
}

.right-side-blue a:hover{
  text-decoration:none;
  border-bottom:1px solid #0061C1;
}


/*ACCORDION*/

ul.sys_expandable {
  margin-bottom: 2px;
  position:relative;
  float:left;
  clear: both;
  width: 100%;
  margin-left: 0!important;
}

li.sys_expandableContainer {
  list-style: none;
  margin-bottom: 0!important;
}

.sys_header{
  background-color:#399b9e;
  padding: 10px 12px 0px 14px;
  position:relative;
  float:left;
  width:530px;
  min-height:70px;
}

.sys_header-left{
  position:relative;
  float:left;
  width:345px;
  color:#fff;
  cursor: pointer; cursor: hand;
}

.sys_header-left h5{
  color:#fff;
  font-weight:bold;
  font-size:1em;
  line-height: 1.3em;
  cursor: pointer; cursor: hand;
}
.sys_header-left p{
  font-size:0.9em;
  cursor: pointer; cursor: hand;
}

.sys_header-right{
  position:relative;
  float:right;
  width:160px;
  color:#fff;
  font-size: 24px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-bottom: 25px;
  background:url(/SiteElements/Images/PerformanceHub/white-circle.png) no-repeat right top;
  line-height: 30px;
  cursor: pointer; cursor: hand;
}

.sys_header-right-green{
  position:relative;
  float:right;
  width:160px;
  color:#fff;
  font-size: 24px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-bottom: 25px;
  background:url(/SiteElements/Images/PerformanceHub/green-circle.png) no-repeat right top;
  line-height: 30px;
  cursor: pointer; cursor: hand;
}

.sys_header-right-red{
  position:relative;
  float:right;
  width:160px;
  color:#fff;
  font-size: 24px;
  font-weight:bold;
  letter-spacing:-1px;
  padding-bottom: 25px;
  background:url(/SiteElements/Images/PerformanceHub/red-circle.png) no-repeat right top;
  line-height: 30px;
  cursor: pointer; cursor: hand;
}

.sys_header a:hover{
  text-decoration:none;
  cursor: pointer; cursor: hand;
}

.sys_section {
  width: 522px;
  float:left;
  background-color: #f3fede;
  margin-top: 0!important;
  padding: 12px 20px;
}

.itemWrapperNoBorder {
    clear: both;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: 98%;
}