/* Style for bar chart*/
    
.graph_container a {color:#8778AE;}
  .containerOne{
   width:300px;
   font-family: Arial;
   padding:10px;
   float:left;
   padding-right:100px;
   }
  
   
  .record{
   float: left;
   width: 97%!important;
   border: 1px solid #ccc;
   background-color: #f0f0f0;
   margin-bottom: 2px;
   -moz-border-radius: 0px 10px 10px 0px;
   -moz-border-radius: 0px 10px 10px 0px;
   }
   
  .bar {
   background:#48A69F\9;
   float: left;
   clear: left;
   height: 30px;
   border-radius: 0px 15px 15px 0px;
   }
   /*England*/
  .bar.england{
   background-color: #12A2C4;
   }
   /*Wales*/
  .bar.wales{
   background-color: #EC008C;
   }
   /*NI*/
  .bar.ni{
   background-color: #01689A;
   }
   /*Scotland*/
  .bar.scotland{
   background-color: #006;
   }
   /*header spacing*/
   .headSpacing{
   padding-bottom: 15px;
   
  
   }

  .bar span{
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   float: right;
   margin-right: 5px;
   margin-top: 7px;
   }
   
  .percentage{
   padding-top: 3px;
   float: right;
   color: #6D8591;
   clear: right;
   font-size: 12px;
   font-weight: bold;
   height: 25px;
   }
   
  .percentage span{
   font-size: 12px;
   font-weight: bold;
   float: left;
   margin-right: 5px;
   margin-top: 5px;
   
  }
  
.graph_container  img{
    float:right;
  }
 .graph_container h1 {
    color:#333333;
    font-size:20px;
    padding-bottom:10px
    
  }
  
 .graph_container ul li {
    list-style-type: none;
  }
  
  
    /* Prevent the slideshow from flashing on load */
    #slides {
      display: none
    }
  
    /* Center the slideshow */
    .graph_container {
      /*margin: 0 auto;*/
      width:100% !important;
    
    }
  
    /* Show active item in the pagination */
    .slidesjs-pagination .active {
      background: #01695E;
    }

 /* Show active item in the paginationONE */
    .slidesjs-paginationOne .active {
      background: #01695E;
    }
  
   
 .slidesjs-previous, .slidesjs-next {float:left; background: #F5F5F5;
  background: -moz-linear-gradient(top,#f5f5f5 0%,#c6c6c6 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F5F5F5),color-stop(100%,#C6C6C6));
  background: -webkit-linear-gradient(top,#F5F5F5 0%,#C6C6C6 100%);
  background: -o-linear-gradient(top,#f5f5f5 0%,#c6c6c6 100%);
  background: -ms-linear-gradient(top,#f5f5f5 0%,#c6c6c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5',endColorstr='#c6c6c6',GradientType=0 );
  background: linear-gradient(top,#f5f5f5 0%,#c6c6c6 100%);
  font-size: 13px;
  width:50px;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px #FFF inset,0 1px 1px rgba(0, 0, 0, 0.4);
  color: #111;
  margin: 2px;
  padding: .7em 1.3em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  display: inline-block;
  line-height: 18px;}
    a.slidesjs-previous:hover, a.slidesjs-next:hover{background: #FEFEFE;
  background: -moz-linear-gradient(top,#fefefe 0%,#dbdbdb 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEFEFE),color-stop(100%,#DBDBDB));
  background: -webkit-linear-gradient(top,#FEFEFE 0%,#DBDBDB 100%);
  background: -o-linear-gradient(top,#fefefe 0%,#dbdbdb 100%);
  background: -ms-linear-gradient(top,#fefefe 0%,#dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe',endColorstr='#dbdbdb',GradientType=0 );
  background: linear-gradient(top,#fefefe 0%,#dbdbdb 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,0 0 2px rgba(255, 255, 255, 0.8) inset,0 0px 1px rgba(0, 0, 0, 0.4);}
  
    .slidesjs-previous {float:left; border-radius: 32px 0px 0px 32px; }
    .slidesjs-next {float:right; border-radius: 0px 32px 32px 0px;}
    ul.slidesjs-pagination {
    margin-bottom:10px;
}
    ul.slidesjs-pagination li {
    padding-left: 1%;
    margin: 5px 0;
    float:left;
    
    }
    
    ul.slidesjs-pagination li a, ul.slidesjs-pagination li a.active {
      border:1px solid #01695E !important;
      color:#01695E;
      font-size: 14px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
      padding: 5px 5px 3px 2px;
      margin-right: 5px;
      border-radius: 5px;
      min-height: 15px;
      float: left;
      text-decoration: none;
      -webkit-transition: all .8s ease;
      }
    ul.slidesjs-pagination a:hover,
    ul.slidesjs-pagination li a.active:hover{
      background: #fff;
      border:1px solid #01695E !important;
      color:#01695E;
      }
ul.slidesjs-pagination li a.active {color:#fff; border:1px solid #fff;}
    .slidesjs-pagination, .slidesjs-previous, .slidesjs-next {
     /* position: relative;
      top: -47px;
      text-align:center;
      left:47px;
      right:0;*/
      overflow:hidden;
      }
  
    .slidesjs-previous, .slidesjs-next {left:0 !important; top:-93px !important}
    
    
    
      /* Media quires for a responsive layout */
@media all and (max-width: 770px) and (min-width: 300px) {
 /* .graph_container div {width:80%!important;}*/
     .graph_container{
        /*height: 750px;*/
        width: 96%!important;
      }
   .record {width:95%!important;}
   .slidesjs-previous, .slidesjs-next {
      left:0 !important;
      top:-26px !important
      }
   .slidesjs-container {
    position: relative;
    width: 516px;
    height: 450px!important;
   /* height: 888.613px;*/
    overflow: hidden;
  }
   .percentage {width:auto!important;}
   .slidesjs-pagination, .slidesjs-previous, .slidesjs-next {
    position: relative;
    top: -13px;
    text-align: center;
    left: 14px;
    right: 0px;
    overflow: hidden;
  
      }

  ul.slidesjs-pagination li {
    margin: 10px 0;
  }
    
      }
  .slidesjs-container {
    overflow: hidden;
    position: relative;
    width: 516px;
    height: 180px!important;
  }




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */