#main .wrap>img,#main .wrap>div,#main .wrap>form,#main .wrap>table{
background-color:white;
border-radius:1px;
box-shadow:-1px 0 2px 0 #D3D3D3,1px 0 2px 0 #D3D3D3,0 1px 1px 0 #808080;
box-sizing:border-box;
color:#4F4F4F;
padding:15px;
margin-bottom:2%;
width:100%;
}
#main .wrap>img{
padding:0;
width:100%;
}
#main h1{
color:#006DB0;
font-size:1.5em;
margin-top:0;
}
#map_canvas{
height:400px;
}
.form-container{
display:inline-block;
font-size:.8em;
height:100%;
margin:0 15px;
vertical-align:top;
width:240px;
}
.form-container h3{
border-bottom:1px dotted #CCCCCC;
font-size:1em;
margin-bottom:5px;
padding-bottom:5px;
}
.form-container>ul{
max-height:200px;
overflow:auto;
}
.listexpander ul{
display:none;
padding-left:10px;
}
.listexpander li{
padding-left:15px;
}
.listexpander li.over{
background:#efefef;
}
.listexpander li span{
cursor:pointer;
display:inline-block;
width:10px;
}
#main form button,#countrySummary button{
color:white;
cursor:pointer;
background-color:#58B552;
border:1px solid #2EB24D;
border-radius:5px;
box-sizing:border-box;
display:inline-block;
font-weight:bold;
margin-right:5px;
padding:10px 1%;
text-align:center;
text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
text-transform:uppercase;
}
#main button::-moz-focus-inner {
border:0;
}
#main form button[type="submit"]{
background-color:#4498F3;
border-color:#277AD5;
padding:10px 5%;
}
#countrySummary{
text-align:justify;
}
#countrySummary h1{
color:#5DB65D;
font-size:1.1em;
}
#countrySummary div{
display:none;
}
#main .wrap>#statsToolShow,#main .wrap>#statsToolHide,#main .wrap>#statsToolLoading{
background-color:#4498F3;
border:1px solid #277AD5;
border-radius:0 0 0 5px;
color:white;
float:right;
font-size:13px;
font-weight:bold;
padding:10px;
text-align:center;
text-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
width:280px;
}
#main .wrap>#statsToolHide,#main .wrap>#statsToolLoading{
display:none;
width:150px;
}
#main .wrap>#statsToolLoading{
background:lightgrey;
border-color:grey;
}
#statsToolShow>span,#statsToolHide{
cursor:pointer;
}
#statsToolShow:hover,#statsToolHide:hover{
background-color:#277AD5;
}
#chartContainer{
height:400px;
}
#main .wrap>#table0-form{
margin-bottom:0;
}
#main .wrap>br{
display:none;
}
#main table .highlight td{
background-color:#FCEB88;
}
#main table a{
color:#006DB0;
}
#main table img{
height:initial;
max-width:none;
}
#main table .selected, #main table .over{
font-weight:bold;
}
@media only screen and (max-width:800px){
#map_canvas{
height:300px;
}
}
@media only screen and (max-width:525px){
#map_canvas{
height:200px;
}
#main .wrap>#statsToolShow,#main .wrap>#statsToolHide,#main .wrap>#statsToolLoading{
border-radius:5px;
float:none;
width:100%;
}
}
/*************************************************************/
/* HighSlide                                                 */
/*************************************************************/
.highslide-container div{
font-size:10pt;
}
.highslide{
outline:none;
text-decoration:none;
}
.highslide-wrapper, .highslide-outline{
background:white;
}
.glossy-dark{
background:#111;
}
.highslide-number{
font-weight:bold;
color:gray;
font-size:.9em;
}
.highslide-caption{
display:none;
font-size:1em;
padding:5px;
}
.highslide-heading{
display:none;
font-weight:bold;
margin:0.4em;
}
.highslide-dimming{
background:black;
}
.highslide-loading{
display:block;
color:black;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
padding:3px;
border:1px solid white;
background-color:white;
padding-left:22px;
}
.highslide-move, .highslide-move *{
cursor:move;
}
.highslide-viewport{
display:none;
position:fixed;
width:100%;
height:100%;
z-index:1;
background:none;
left:0;
top:0;
}
.highslide-overlay{
display:none;
}
.hidden-container{
display:none;
}
/*************************************************************/
/* Styles for the HTML popups                                */
/*************************************************************/
.highslide-maincontent{
display:none;
}
.highslide-html{
background-color:white;
}
.mobile .highslide-html{
border:1px solid silver;
}
.highslide-html-content{
display:none;
width:400px;
padding:0 5px 5px 5px;
}
.highslide-header{
padding-bottom:5px;
}
.highslide-header ul{
margin:0;
padding:0;
text-align:right;
}
.highslide-header ul li{
display:inline;
padding-left:1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next{
display:none;
}
.highslide-header a{
font-weight:bold;
color:gray;
text-transform:uppercase;
text-decoration:none;
}
.highslide-header a:hover{
color:black;
}
.highslide-header .highslide-move a{
cursor:move;
}
/*************************************************************/
/* Styles for the Individual wrapper class names.            */
/* You can safely remove the class name themes you don't use */
/*************************************************************/
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header{
height:18px;
border-bottom:1px solid #dddddd;
}
.titlebar .highslide-heading{
position:absolute;
width:90%;
margin:1px 0 1px 5px;
color:#666666;
}
.titlebar .highslide-header li{
position:relative;
top:3px;
z-index:2;
padding:0 0 0 1em;
}
.titlebar .highslide-maincontent{
padding-top:1em;
}
/*************************************************************/
/* The following styles are added by the Highslide Editor    */
/*************************************************************/
.highslide-header ul a{
background-image:url(/media/ieawebsite/styleassets/policiesandmeasures/highslidegraphics/controlbartextbuttons.png);
padding-left:16px;
display:inline-block;
height:16px;
}
.highslide-header ul li span{
display:none;
}
.highslide-header .highslide-move{
display:none;
}
.highslide-header .highslide-close a{
background-position:0 -221px;
}
.highslide-footer{
display:none;
}