.ui-datepicker-calendar, .ui-datepicker-prev, .ui-datepicker-next
{
    display: none;
}
.smallperc
{
	font-size:16px;
}

body {  
    background-color: #9AC0CD;
    height:1200px;
    /*    width:1024px; */
    text-align:center;
    background-repeat: no-repeat;
       
background: rgb(133,166,177); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(133,166,177,1) 0%, rgba(133,166,177,1) 40%, rgba(209,218,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,166,177,1)), color-stop(40%,rgba(133,166,177,1)), color-stop(100%,rgba(209,218,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a6b1', endColorstr='#d1dadc',GradientType=0 ); /* IE6-9 */
font-family:arial,helvetica,sans-serif;
overflow:hidden;
}

/* ------------------------------------------------------------------------ */
#main
{
width:1200px;
height:750px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  
  }
  
  
#container { 	

    padding:0px;
      margin:0px;
    width:1200px;
    height:750px;
   position:absolute;
    top:0px;

   
}


 


/* ------------------------------------------------------------------------ */

#container .dashboard-header {
margin:0px;
margin-top:10px;
padding:0px;
float:left; 
width:850px;
height:115px;
background-color:#ffffff;
-moz-box-shadow: 8px 10px 5px 2px #000;
-webkit-box-shadow: 8px 10px 5px 2px #000;
box-shadow: 8px 10px 5px 2px #000;
}

#container .dashboard-header .left-block{
margin:0px;
margin-left:5px;
margin-top:0px;
padding:0px;
float:left; 
width:570px;
height:115px;
background-color:#ffffff;
    font-family: sans-serif;
    font-weight: bold;
}


#container .dashboard-header .left-block .box-name{
margin:5px;
padding:10px;
padding-top:10px;
padding-bottom:25px;
width:540px;
height:70px;
background-color: #9AC0CD;
font-size: 36px;
color:#fff;
color:rgb(252,252,252);
background: rgb(133,166,177); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(133,166,177,1) 0%, rgba(133,166,177,1) 40%, rgba(209,218,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,166,177,1)), color-stop(40%,rgba(133,166,177,1)), color-stop(100%,rgba(209,218,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(133,166,177,1) 0%,rgba(133,166,177,1) 40%,rgba(209,218,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a6b1', endColorstr='#d1dadc',GradientType=0 ); /* IE6-9 */

}
#container .dashboard-header .left-block .box-second-name{
margin:5px;
padding:5px;
float:left;
width:560px;
height:25px;
background-color: #ffffff;
font-size: 25px;
font-style:italic;
text-align:right;
font-weight: normal;
}

#container .dashboard-header .logo_1 {
 float: right;
 width:250px;
 height:60px;
 margin:0px;
 margin-left:0px;
 margin-top:0px;
 margin-right:0px;
 padding:10px;
 padding-left:5px;
 padding-bottom:0px;
background-color:#ffffff;
border: 0px solid #000;
 
}
#container .dashboard-header .logo_1 img {
  width: 250px;    
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 


#container .dashboard-header .logo_2 {
 float: right;
 width:250px;
 height:40px;
 margin:10px;
 margin-left:0px;
 margin-top:0px;
 padding:0px;
 padding-left:5px;
background-color:#ffffff;
border: 0px solid #000;
 
}
#container .dashboard-header .logo_2 img {
  width: 250px;    
    height: 42px;
    display: block;
    margin-left: auto;
    margin-right: auto;
} 


/*--------------------------         Left column : Menu     ------------------------------ */

#container .menu-column {
margin:0px;
margin-top:10px;
padding:0px;
margin-left:0px;
margin-right:50px;
float:left; 
width:300px;
height:740px;


background: rgb(242,242,242); /* Old browsers */

          -moz-box-shadow: 8px 10px 5px 2px #000;
-webkit-box-shadow: 8px 10px 5px 2px #000;
box-shadow: 8px 10px 5px 2px #000;
}


#container .menu-column .topbutton 
{
float:left;
/*background-color:#d2e2e8;*/
margin:0px;
margin-bottom:25px;
padding:0px;
padding-top:0px;
/*border: 5px solid;
border-color:#d2e2e8; */
display:block;
	
width:300px;
height:115px;
	
font-family: sans-serif;
font-weight:bold;
text-decoration: none;
background-image: url('../img/bg_img_visual_hammersmith4.jpg');
/* Button is link to main page */
background-size: 300px 115px;
}

#container .menu-column .topbutton  .box-name{
margin:0px;
padding:00px;
padding-top:75px;
float:left; 
width:300px;
height:40px;
}

#container .menu-column .topbutton  .box-name img{
width:300px;
height:40px;
opacity: 0.7;
position:relative;
top:0px;
left:0px;
z-index:2;
}
#container .menu-column .topbutton  .box-name h1{

font-size: 20px;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-weight: bold;
text-align:left;
color:#fff;
color:rgb(248,248,248);
line-height:150%;
margin-left:10px;
position:relative;
top:-35px;
left:0px;
z-index:4;
}

/* ----------------------------Summary Buttom----------------------------------------------------*/
#summarybutton 
{
float:left;
background-color:#d2e2e8;
margin:0px;
margin-bottom:25px;
margin-top:0px;
padding:0px;
padding-top:0px;
border: 5px solid;
border-color:#d2e2e8; 
display:block;
	
width:290px;
height:100px;
	
font-family: sans-serif;
font-weight:bold;
text-decoration: none;
}


#summarybutton .box-name{
margin:0px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
float:left; 
width:180px;
height:80px;
font-size: 40px;
font-family: sans-serif;
font-weight: bold;
text-align:left;
line-height:100%;
}

#summarybutton .logo{
margin:0px;
padding:5px;

float:left; 
width:90px;
height:90px;
}

#summarybutton .logo img{
width:90px;
height:90px;
}


#summarybutton:hover {
background-color:rgb(133,166,177);
border-color:rgb(133,166,177); 
	}
    

#summarybutton.current{
	z-index: 100;

border-color:rgb(133,166,177); 
border-color:#d2e2e8; 


/* We may need a way to indicate the class that is selected */

}
#summarybutton.current:hover {border-color:rgb(133,166,177);}



/* ----------------------------Summary Buttom----------------------------------------------------*/
#listbutton 
{
float:left;
background-color:#d2e2e8;
margin:0px;
margin-bottom:10px;
margin-top:0px;
padding:5px;
background-color:rgb(133,166,177); 
border-color:rgb(133,166,177); 
display:block;
	
width:290px;
height:35px;
	
font-family: sans-serif;
font-weight:bold;
text-decoration: none;

background: #85a6b1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1YTZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmUyZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #85a6b1 0%, #d2e2e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85a6b1), color-stop(100%,#d2e2e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #85a6b1 0%,#d2e2e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #85a6b1 0%,#d2e2e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #85a6b1 0%,#d2e2e8 100%); /* IE10+ */
background: linear-gradient(top,  #85a6b1 0%,#d2e2e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a6b1', endColorstr='#d2e2e8',GradientType=0 ); /* IE6-8 */


}


#listbutton  .box-name{
margin:0px;
padding:0px;
padding-top:2px;
padding-bottom:3px;
float:left; 
width:290px;
height:30px;
font-size: 30px;
font-family: sans-serif;
font-weight: bold;
text-align:left;
line-height:100%;
}

/* ----------------------------buttons -----------------------------------------------------------*/
ul,
ul#mybutton,
ul#mybutton li
{
margin: 0px;
padding: 0px;
}


ul#mybutton li 
{
float:left;
background-color:#d2e2e8;
margin:0px;
margin-bottom:15px;
margin-top:0px;
padding:0px;
padding-left:5px;
padding-right:5px;
border-top: 5px solid #d2e2e8;
border-bottom: 5px solid #d2e2e8;
display:block;
	
width:290px;
height:80px;
	
font-family: sans-serif;
font-weight:bold;
text-decoration: none;

background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

}


ul#mybutton li .box-name{
margin:0px;
padding:5px;
padding-top:40px;
padding-bottom:10px;
float:left; 
width:200px;
height:30px;
font-size: 30px;
font-family: sans-serif;
font-weight: bold;
text-align:left;
line-height:100%;
}
ul#mybutton li .box-name.tall{
margin:0px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
float:left; 
width:200px;
height:60px;
font-size: 30px;
font-family: sans-serif;
font-weight: bold;
text-align:left;
line-height:100%;
}

ul#mybutton li .logo{
margin:5px;
padding:0px;

float:left; 
width:70px;
height:70px;
/*background:#fff;*/
}

ul#mybutton li .logo img{
width:70px;
height:70px;
}


ul#mybutton li:hover {
background-color:rgb(133,166,177);
border-color:rgb(133,166,177); 
	}
    

ul#mybutton li.current{
	z-index: 100;

border-color:rgb(133,166,177); 
border-color:#d2e2e8; 
/*
border-top-color:#eee;
border-right-color:#85a6b1;
border-bottom-color:#637c84;

border-left-color:#ddd;
*/

/* We may need a way to indicate the class that is selected */

}
ul#mybutton li.current:hover {border-color:rgb(133,166,177);}





/* ---------------------------------------------------------------------------------------------------*/

#container .metric-content {
margin:0px;
padding:0px;

float:left; 
width:850px;
height:600px;

/*background:#fff;*/
position:absolute;
top:150px;
left:350px;
/*
border-top:1px solid rgb(246,246,246); 
border-left:1px solid rgb(246,246,246); */

-moz-box-shadow: 8px 10px 5px 2px #000;
-webkit-box-shadow: 8px 10px 5px 2px #000;
box-shadow: 8px 10px 5px 2px #000;

background: #85a6b1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1YTZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzg1YTZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWRhZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #85a6b1 0%, #85a6b1 40%, #d1dadc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85a6b1), color-stop(40%,#85a6b1), color-stop(100%,#d1dadc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #85a6b1 0%,#85a6b1 40%,#d1dadc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #85a6b1 0%,#85a6b1 40%,#d1dadc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #85a6b1 0%,#85a6b1 40%,#d1dadc 100%); /* IE10+ */
background: linear-gradient(top,  #85a6b1 0%,#85a6b1 40%,#d1dadc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a6b1', endColorstr='#d1dadc',GradientType=0 ); /* IE6-8 */



background: #7f9ea5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdmOWVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzdmOWVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWRhZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7f9ea5 0%, #7f9ea5 40%, #d1dadc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f9ea5), color-stop(40%,#7f9ea5), color-stop(100%,#d1dadc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7f9ea5 0%,#7f9ea5 40%,#d1dadc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7f9ea5 0%,#7f9ea5 40%,#d1dadc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7f9ea5 0%,#7f9ea5 40%,#d1dadc 100%); /* IE10+ */
background: linear-gradient(top,  #7f9ea5 0%,#7f9ea5 40%,#d1dadc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f9ea5', endColorstr='#d1dadc',GradientType=0 ); /* IE6-8 */
display:none;
}

#container .metric-content.current{
	display:block;
}


#container .metric-content .current-stats{
margin:5px;
padding:0px;
padding-left:5px;
padding-right:10px;
float:left; 
width:320px;
height:590px;


    font-family: sans-serif;
    font-weight: bold;
   	position:relative;
	top:0px;
	left:0px;
}



#container .metric-content .current-stats .plotaverage{
margin:0px;

padding:0px;
float:left;
width:320px;
height:205px;
background: rgb(246,246,246); 
}

#container .metric-content .current-stats .plotaverage .metricname{
margin:5px;
margin-left:0px;
margin-right:0px;
padding:5px;
padding-top:8px;
padding-bottom:8px;
float:left;
width:310px;
height:28px;

background: #a5a4b2; /* Old browsers */

font-family: sans-serif;
font-weight: bold;
font-size:28px;
font-style:normal;

background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

}

#container .metric-content .current-stats .plotaverage .box-name{
margin:0px;
margin-bottom:0px;
padding:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
width:198px;
height:24px;
background-color: #9AC0CD;
background-color:#ceced5;
font-family: sans-serif;
font-weight: bold;
font-size:24px;
font-style:normal;
     background: #d2e2e8; 
}

#container .metric-content .current-stats .plotaverage .value{
margin:0px;
margin-bottom:0px;
padding:5px;
padding-right:10px;
padding-top:9px;
padding-bottom:5px;
float:right;
width:95px;
height:20px;
background-color: #9AC0CD;
background-color:#ceced5;
    font-family: sans-serif;
    font-weight: normal;
font-size: 20px;
 font-style:normal;
 text-align:center;
     background: #d2e2e8; 
     
 background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */
    
 
}

#container .metric-content .current-stats .plotaverage img {
max-width: 320px;    
max-height: 120px;
margin-top:10px;
/*position: relative;
bottom: 0px;
left:0px;*/
} 







/*------------------------------------------------------------------------------*/


#container .metric-content .current-stats .morestats{
margin:10px;

margin-left:0px;
margin-right:20px;
margin-bottom:20px;
padding:5px;
float:left;
width:310px;
height:156px;
/*
border: 5px solid #9AC0CD;*/

          background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

font-family: sans-serif;
font-weight: normal;
font-style:italic;
}

#container .metric-content .current-stats .morestats .box-name{
margin:0px;
padding:5px;
float:left;
width:300px;
height:30px;
font-family: sans-serif;
font-weight: bold;
font-size:28px;
font-style:normal;
background-color: #fff;
}

#container .metric-content .current-stats .morestats .statistic{
margin:0px;
padding:5px;
float:left;
width:300px;
height:24px;
padding-top:0px;
background-color: #fff;
}

#container .metric-content .current-stats .morestats .statistic .box-name{
    float:left;
    padding:0px;
    padding-top:4px;
    padding-bottom:4px;
    width:250px;
    font-size: 16px;
    height:16px;
    font-weight: normal;
    background-color: #ffffff;
 }
#container .metric-content .current-stats .morestats .statistic .value{
    padding:0px;
    padding-left:0px;
    float:left; 

    padding-top:4px;
    padding-bottom:4px;
    width:50px;
    font-size: 16px;
    height:16px;
    font-weight: normal;
    background-color: #ffffff;
}

#container .metric-content .current-stats .morestats .number-patients,
#container .metric-content .current-stats .morestats .minimum, 
#container .metric-content .current-stats .morestats .maximum{
margin:0px;
padding:5px;
float:left;
width:190px;
height:20px;
}

#container .metric-content .current-stats .morestats .minimum, 
#container .metric-content .current-stats .morestats .maximum{
margin-top:5px;
}

#container .metric-content .current-stats .morestats .number-patients .box-name,
#container .metric-content .current-stats .morestats .minimum .box-name,
#container .metric-content .current-stats .morestats .maximum .box-name{
    float:left;
    padding:0px;
    padding-top:5px;
    padding-bottom:5px;
    width:250px;
    font-size: 16px;
    height:20px;
    font-weight: normal;
    background-color: #ffffff;
 }

#container .metric-content .current-stats .morestats .number-patients .value,
#container .metric-content .current-stats .morestats .minimum .value,
#container .metric-content .current-stats .morestats .maximum .value{
    padding:0px;
    padding-left:0px;
    float:left; 
    width:40px;
    padding-top:5px;
    padding-bottom:5px;
    width:40px;
    font-size: 16px;
    height:20px;
    font-weight: normal;
    background-color: #ffffff;
}




#container .metric-content .current-stats .splitstats{
margin:0px;
margin-left:0px;
padding:0px;

float:left;
width:320px;
height:144px;
background-color: #ffffff;
    font-family: sans-serif;

}


#container .metric-content .current-stats .splitstats .low-range,
#container .metric-content .current-stats .splitstats .medium-range,
#container .metric-content .current-stats .splitstats .high-range,
#container .metric-content .current-stats .splitstats .failure  {
    float:left;
        padding:10px;
        padding-top:8px;
        padding-bottom:8px;
width:300px;
    height:24px;
}

#container .metric-content .current-stats .splitstats .low-range  {
background-color:green;
}

#container .metric-content .current-stats .splitstats .medium-range  {
    margin-top:8px;
    background-color: orange;
}
#container .metric-content .current-stats .splitstats .high-range  {
        margin-top:8px;
background-color: red;
}
#container .metric-content .current-stats .splitstats .failure {
        margin-top:8px;
background-color: grey;
}

#container .metric-content .current-stats .splitstats .low-range .range,
#container .metric-content .current-stats .splitstats .medium-range .range,
#container .metric-content .current-stats .splitstats .high-range .range,
#container .metric-content .current-stats .splitstats .failure .range {
    float:left;
    width:220px;
    font-size: 22px;
        height:22px;
            padding-top:2px;
    font-weight: bold;
}
#container .metric-content .current-stats .splitstats .low-range .value,
#container .metric-content .current-stats .splitstats .medium-range .value,
#container .metric-content .current-stats .splitstats .high-range .value,
#container .metric-content .current-stats .splitstats .failure .value {
    margin-left: 0px;
    float:left; 
	width:80px;
    font-size: 20px;
    height:20px;
    padding-top:4px;
    font-weight: normal;
     font-style:normal;
}

#container .metric-content .datadetails {
 float: right;
 width:450px;
 height:230px;
 margin:5px;
 margin-right:10px;
 padding:5px;
 padding-left:0px;
 padding-right:0px;
background: rgb(246,246,246); 
border: 0px solid #000;

}


#container .metric-content .datadetails .box-name{
margin:0px;
margin-bottom:5px;

padding:5px;

width:440px;
height:35px;
background-color: #9AC0CD;
    font-family: sans-serif;
    font-weight: normal;
font-size: 35px;
 font-style:normal;
     font-weight: bold;
     text-align:left;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

}
#container .metric-content .datadetails .selectdata{
margin:0px;
/*
margin-left:5px;
margin-right:5px;*/
margin-bottom:6px;
padding:0px;

width:450px;
height:34px;
/*background:#fff;*/
}

#container .metric-content .datadetails .selectdata .text{
margin:0px;
float:left;
padding:5px;

width:268px;
height:24px;
background-color: #9AC0CD;
    font-family: sans-serif;
    font-weight: normal;
font-size: 24px;
 font-style:normal;
     font-weight: bold;
     text-align:left;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */
background: #d2e2e8;
}

#container .metric-content .datadetails .selectdata .selected{
margin:0px;
float:right;
padding:5px;

width:160px;
height:24px;
background-color: #9AC0CD;
    font-family: sans-serif;
    font-weight: normal;
font-size: 24px;
 font-style:normal;
     font-weight: normal;
     text-align:center;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */
}

#container .metric-content .datadetails .details-content{
margin:0px;

padding:5px;
padding-left:0px;
padding-right:0px;
width:450px;
height:135px;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

    font-family: sans-serif;
    font-weight: normal;
font-size: 16px;
 font-style:normal;
     text-align:left;
}

#container .metric-content .datadetails .details-content .line{
float:left;
margin:0px;
margin-top:1px;
padding:0px;

width:450px;
height:26px;

}
#container .metric-content .datadetails .details-content .line .text{
float:left;
margin:0px;
padding:0px;
width:368px;
height:18px;
padding:5px;
padding-bottom:4px;
padding-top:4px;
    font-family: sans-serif;

font-family:Arial;
    font-weight: bold;
    font-weight:normal;
font-size: 16px;
     text-align:left;
background: rgb(246,246,246); 
}
#container .metric-content .datadetails .details-content .line .value{
float:right;
margin:0px;
padding:0px;
width:60px;
height:18px;
padding:5px;
padding-bottom:4px;
padding-top:4px;
    font-family: sans-serif;
    font-weight: normal;
font-size: 16px;
     text-align:left;

background-color:#fff;
background: rgb(246,246,246); 
}



#container .metric-content .last6months {
 float: right;
 width:450px;
 height:310px;
 margin:10px;
  margin-right:10px;
 margin-top:20px;
 padding:5px;
 padding-left:0px;
 padding-right:0px;
background: rgb(246,246,246); 
border: 0px solid #000;

}

#container .metric-content .last6months .box-name{
margin:0px;
margin-bottom:20px;
padding:5px;

width:440px;
height:40px;
background-color: #9AC0CD;
    font-family: sans-serif;
font-size: 28px;
 font-style:normal;
     font-weight: bold;
          background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */
}

#container .metric-content .last6months .plot6months{
margin:0px;

padding:5px;
/* border: 5px solid #CCCCFF;*/
width:440px;
height:230px;
background-color:#ffffff;
          background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

}


#container .metric-content .last6months .plot6months img {
  width: 440px;    
    height: 230px;
    display: block;

    position:relative;
	bottom:0px;
    left:0px;
    background-color:#ffffff;
} 

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 20px;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 12px;
}


/* ----------------------------------------------------------------------------------------------------------*/

#container .metric-content .resultgrid {
 float: left;
 width:740px;
 height:580px;
 margin:5px;
 margin-left:10px;
 padding:5px;
background: rgb(246,246,246); 
border: 0px solid #000;

}


#container .metric-content .result-name{
margin:5px;
margin-right:10px;
float:right;
padding:5px;

width:50px;
height:580px;
background: rgb(246,246,246); 
    font-family: sans-serif;
    font-weight: normal;
font-size: 40px;
 font-style:normal;
     font-weight: bold;
     text-align:left;
     

background: #95b1bb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1YjFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E0YmRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWIxYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #95b1bb 0%, #a4bdc5 50%, #95b1bb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95b1bb), color-stop(50%,#a4bdc5), color-stop(100%,#95b1bb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #95b1bb 0%,#a4bdc5 50%,#95b1bb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #95b1bb 0%,#a4bdc5 50%,#95b1bb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #95b1bb 0%,#a4bdc5 50%,#95b1bb 100%); /* IE10+ */
background: linear-gradient(top,  #95b1bb 0%,#a4bdc5 50%,#95b1bb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95b1bb', endColorstr='#95b1bb',GradientType=0 ); /* IE6-8 */

}

#container .metric-content .result-name .result-text{
	width:560px;
	height:40px;

font-size: 36px;
font-family: sans-serif;
font-weight:bold;
float:right;
text-align:center;
line-height:100%;
    writing-mode:tb-rl;
	  
        -webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
    position:relative;

	top:265px;
    left:255px;/*increase=>to the right */
    color:rgb(246,246,246); 
}
#container .metric-content .resultgrid .ward-results{
margin:0px;

padding:5px;
padding-top:5px;
padding-bottom:5px;
width:730px;
height:570px;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */


    font-family: sans-serif;
    font-weight: normal;
font-size: 16px;
 font-style:normal;
     text-align:left;
}


#container .metric-content .resultgrid .ward-results .metric-line
{
margin:0px;
margin-bottom:3px;
padding:0px;
width:730px;
height:30px;
}

#container .metric-content .resultgrid .ward-results .metric-line .box_1
{
float:left;
margin:0px;
margin-right:10px;
padding:5px;
padding-bottom:3px;
padding-top:0px;
width:50px;
height:27px;
background: rgb(246,246,246); 
font-weight: bold;
font-size: 28px;
 font-style:normal;
  text-align:center;
}

#container .metric-content .resultgrid .ward-results .metric-line .box_2
{
float:left;
margin:0px;
margin-right:5px;

padding-left:10px;
padding-right:10px;
padding-top:7px;
padding-bottom:7px;
width:555px;
height:16px;
background: rgb(246,246,246); 
    font-weight: normal;
font-size: 16px;
 font-style:normal;
}

#container .metric-content .resultgrid .ward-results .metric-line .box_3
{
float:left;
margin:0px;
padding-bottom:2px;
padding-top:2px;
padding-left:10px;
padding-right:5px;
width:65px;
height:26px;
background: rgb(246,246,246); 
font-weight: bold;
font-size: 22px;
 font-style:normal;
  text-align:right;
}

#container .metric-content .resultgrid .ward-results .metric-line.tall
{
margin:0px;
margin-bottom:3px;
padding:0px;
width:730px;
height:42px;
}





#container .metric-content .resultgrid .ward-results .metric-line.tall .box_1
{
float:left;
margin:0px;
margin-right:10px;

padding-bottom:7px;
padding-top:7px;
padding-left:10px;
padding-right:10px;
width:40px;
height:28px;
background: rgb(246,246,246); 
font-weight: bold;
font-size: 28px;
 font-style:normal;
 text-align:center;
}

#container .metric-content .resultgrid .ward-results .metric-line.tall .box_2
{
float:left;
margin:0px;
margin-right:5px;
padding-bottom:4px;
padding-top:4px;
padding-left:10px;
padding-right:10px;
width:555px;
height:34px;
background: rgb(246,246,246); 
    font-weight: normal;
font-size: 16px;
 font-style:normal;
 line-height:110%;
}


#container .metric-content .resultgrid .ward-results .metric-line.tall .box_3
{
float:left;
margin:0px;
padding:5px;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:5px;
width:65px;
height:26px;
background: rgb(246,246,246); 
font-weight: bold;
font-size: 22px;
 font-style:normal;
  text-align:right;
}

#container .metric-content .resultgrid .ward-results .metric-line.overall
{
margin:0px;
margin-bottom:3px;
padding:0px;
width:730px;
height:38px;
margin-top:10px; }

#container .metric-content .resultgrid .ward-results .metric-line.overall .box_2
{
float:left;
margin:0px;
margin-right:5px;

padding-right:10px;

padding-left:15px;
padding-top:4px;
padding-bottom:4px;
width:620px;
height:30px;

 font-style:normal;
 line-height:110%;
font-weight: bold;
font-size: 30px;


 }
 
 #container .metric-content .resultgrid .ward-results .metric-line.overall .box_3
{
float:left;
margin:0px;
padding:5px;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
padding-right:5px;
width:70px;
height:30px;
background: rgb(246,246,246); 
font-weight: bold;
font-size: 30px;
 font-style:normal;
   text-align:right;
}



#container .metric-content .resultgrid .ward-results .selectdata{
margin:0px;
margin-bottom:12px;
padding:0px;

width:730px;
height:44px;
}

#container .metric-content .resultgrid .ward-results .selectdata .text{
margin:0px;
float:left;
padding:5px;
padding-top:3px;
padding-bottom:7px;
width:540px;
height:34px;
background-color: #9AC0CD;
    font-family: sans-serif;
    font-weight: normal;
font-size: 34px;
 font-style:normal;
     font-weight: bold;
     text-align:left;
background: #85a6b1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1YTZiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #85a6b1 0%, #d2e2e8 50%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#85a6b1), color-stop(50%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #85a6b1 0%,#d2e2e8 50%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #85a6b1 0%,#d2e2e8 50%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #85a6b1 0%,#d2e2e8 50%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #85a6b1 0%,#d2e2e8 50%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85a6b1', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */

}

#container .metric-content .resultgrid .ward-results .selectdata .selected{
margin:0px;
float:left;
padding:5px;
padding-top:9px;
padding-bottom:7px;
width:170px;
height:28px;
background-color: #9AC0CD;
    font-family: sans-serif;
    font-weight: normal;
font-size: 28px;
 font-style:normal;
     font-weight: bold;
     text-align:center;
background: #d2e2e8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTJlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NWE2YjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d2e2e8 0%, #85a6b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2e2e8), color-stop(100%,#85a6b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* IE10+ */
background: linear-gradient(left,  #d2e2e8 0%,#85a6b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e2e8', endColorstr='#85a6b1',GradientType=1 ); /* IE6-8 */
}

.selected
{
	padding-top:2px !important;
	padding-bottom:8px !important;
}

.selected select
{
	font-size: 20px;
}
