/*-------------------------------------------------------------------------------
/*TITLE*/
#title:after{content:"LIoN 2024";}
/**/
#dojoversion:after{
content:"version 3.23";
position:absolute;
bottom:1px;
right:15px;
font:.66em Arial,Helvetica, sans-serif;
color:rgb(180,180,180);
}
.draft {text-align:center;
   color:rgba(254,254,254,1);
    font-weight: bold;
	margin:auto;padding:2px;border:0px;
}
/*------for metaThrive.html---*/
.thriveX{border:0px;padding:5px;margin:0px;text-align:left;background:rgba(200,200,200,1);width:25%;min-width:300px;}
#thriveA1{background-color:rgba(55,140,46,1);height:24px;width:24px;}
#thriveB1{background-color:rgba(146,192,32,1);height:24px;width:24px;}
#thriveC1{background-color:rgba(255,255,153,1);height:24px;width:24px;}
#thriveD1{background-color:rgba(254,237,0,1);height:24px;width:24px;}
#thriveE1{background-color:rgba(241,133,0,1);height:24px;width:24px;}
#thriveF1{background-color:rgba(227,7,19,1);height:24px;width:24px;}
/*----*/
.centre {text-align:center; margin: auto;
  width: 10%;}
a:link, a:visited, a:hover, a:active {
    color: rgba(17,127,194,1);
    text-decoration: none;
    cursor: pointer;}
.dijitTabListContainer-top .tabStripButton{display:none;}
#map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
#sliderWin{width:15%;position:absolute;bottom:80px;right:25%;}
	/*base map slider*/
		#sliderWrap {z-index:1000;} 
		#slider {position:absolute;left:15px;width:30px;height:25px;top:0px;background-color:rgba(254.254,254,0);z-index:400;font-size:.72em;} 	
		#sliderLabels {font-size:.85em;height:15px;color:#666;padding:3px;margin:5px 10px 0 10px;z-index:11;} 
/**/ 
 
table{width:100%;}
th{text-align:center;
    background:rgba(20,152,235,1);
	color:rgba(254,254,254,1);
    font-weight: bold;
	margin:auto;padding:2px;border:0px;
}
.scalebar{position:absolute;top:0px;left:0px;z-index:500;padding:10px;height:32px;width:100%;color:#fff;margin:auto;line-height:32px;text-align:top;}
.thrivebar{ border: 1px solid rgba(7,117,184,0.5);width:80%;margin:10%;}
.changebar{ border: 1px solid rgba(7,117,184,0.5);width:80%;margin:10%;}

#thrivebar1{background-color:rgba(55,140,46,1);color:rgb(220,220,220);}
#thrivebar2{background-color:rgba(146,192,32,1);}
#thrivebar3{background-color:rgba(255,255,153,1);}
#thrivebar4{background-color:rgba(254,237,0,1);}
#thrivebar5{background-color:rgba(241,133,0,1);color:(rgba,0,0,0,1);}
#thrivebar6{background-color:rgba(227,7,19,1);color:rgb(220,220,220);}
#thrivebar00{background-color:rgba(0,76,115,1); color:rgb(220,220,220);}
#thirvebar7{background-color:rgba(0,69,230,1);}
#thrivebar8{background-color:rgba(190,255,232,1);}
#thrivebar9{background-color:rgba(255,115,223,1);}
#thrivebar0{background-color:rgba(168,0,132,1);color:rgb(220,220,220);}
.highnoon{font:.96em Arial,Helvetica, sans-serif;color:rgba(17,127,194,1);
	background:rgba(254,254,254,1);}
.midnight{background:rgba(17,127,194,1);}
.template {background-color:#d0eafb;}
.scalebar{position:absolute;top:0px;left:0px;z-index:500;padding:10px;height:32px;width:100%;color:#fff;margin:auto;line-height:32px;text-align:top;}
#scaletext{position:absolute;left:2%;top:1px;font-size:1em;height:30px;width:13%;line-height:30px;margin:auto;font-size:1.1em;}
#scalebar1{position:absolute;left:15%;top:1px;font-size:1em;height:30px;width:10%;background-color:rgba(230,0,0,1);text-align:center;color:#555;line-height:30px;margin:auto;}
#scalebar2{position:absolute;left:26%;top:1px;font-size:1em;height:30px;width:10%;background-color:rgba(255,85,0,1);text-align:center;color:#555;line-height:30px;margin:auto;}
#scalebar3{position:absolute;left:37%;top:1px;font-size:1em;height:30px;width:10%;background-color:rgba(255,170,0,1);text-align:center;color:#555;line-height:30px;margin:auto;}
#scalebar4{position:absolute;left:48%;top:1px;font-size:1em;height:30px;width:10%;background-color:rgba(255,255,0,1);text-align:center;color:#555;line-height:30px;margin:auto;}
#scalebar5{position:absolute;left:59%;top:1px;font-size:1em;height:30px;width:10%;background-color:rgba(163,255,115,1);text-align:center;color:#555;line-height:30px;margin:auto;}
#ward{position:absolute;left:64%;top:3px;z-index:5000;height:30px;line-height:30px;margin:auto;padding:0px;}
#lsoa{position:absolute;left:72%;top:3px;z-index:5000;height:30px;line-height:30px;margin:auto;padding:0px;}
#tghc{position:absolute;left:80%;top:3px;z-index:5000;height:30px;line-height:30px;margin:auto;padding:0px;}
#clld{position:absolute;left:88%;top:3px;z-index:5000;height:30px;line-height:30px;margin:auto;padding:0px;}

.preloadtext{font-size:0.85em;}

.tocimage{position:relative;}
.comment{background-color:#888;}
#comment{width:75%;}
#onscopy:after{content:"Contains National Statistics data © Crown copyright and database right 2019";}
#menubar{position:absolute;top:86px;z-index:1000;width:100%;}
.subcontain{position:absolute;bottom:120px;height:100px;width:50%;font-size:0.85em;margin:auto;}
.subcontain2{position:absolute;bottom:120px;left:50%;height:100px;width:50%;font-size:0.85em;margin:auto;}

#ramp2{position:relative;left:80px;top:-20px;		width:70px;height:20px;					
    background: linear-gradient(to left, green 0%, yellow 100%);text-align:right;padding:3px;
}
#ramp1{	position:relative;left:10px;width:70px;height:20px;				
    background: linear-gradient(to left, yellow 0%, red 100%);text-align:left;padding:3px;
}
#ramp3{	position:relative;left:10px;	width:70px;height:20px;					
    background: linear-gradient(to right, green 0%, yellow 100%);text-align:left;padding:3px;
}
#ramp4{position:relative;left:80px;top:-20px;	width:70px;height:20px;				
    background: linear-gradient(to right, yellow 0%, red 100%);text-align:right;padding:3px;
}
#ramp5{	position:relative;left:10px;	width:70px;height:20px;					
    background: linear-gradient(to right, rgb(40,146,199) 0%, yellow 100%);
}
/*For Accordian*/

html, body { 
  height: 100%; width: 100%;
  margin: 0; padding: 0;
} 
body{
  background-color:white; overflow:hidden; 
  font-family: "Kimberley", sans-serif
} 
#map{position:absolute;top:274px;}

#header {
  color:#421b14; 
  font-size:16pt; text-align:right;font-weight:bold;
  height:120px;
z-index:100;
}
#footer {
  font-size:10pt; text-align:center;
  height: 70px;
}
.lowermenu{width:100%;position:absolute;right:0px;}
#rightPane{
    background-color: white;
    color: #421b14;
    width: 25%;
	border:0px;padding:0;margin:0;
}
#leftPane{
    background-color: white;
    color: #421b14;
    width: 15%;
}
.sup{padding:0em;margin:0em;text-decoration:none;font-style:italic;font-size:0.95em;color:rgb(192,192,192);text-align:left;}
/*--------
/**/
@media only screen and (min-height:500px) {#nodisplay{display:none}}
@media only screen and (max-height:500px) {
#menubar{display:none;}
.mapContain{display:none;}
#map{display:none;}
#rightPane{display:none;}
.scalebar{display:none;}
.lowermenu{display:none;}
.comment{display:none;}
}