html,body{
  background:#999;
  color:#000;
}
#doc{
  border:1em solid #fff;
  background:#fff;
  color:#000;
  margin:1em auto;
  position:relative;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:4px 5px 4px rgba(0,0,0,.3);
  -webkit-box-shadow:4px 5px 4px rgba(0,0,0,.3);
}      

/* Slider */
#slider{
  font-weight:bold;
  position:relative;
  margin-top:4em;
  padding-top:10px;
  padding-bottom:6px;
}
#sl_bg {
  position:absolute;
  background: url(back.png) 0 5px no-repeat;
  height: 28px;
  width: 660px;
  top:2px;
  right:0;;
}
#sl_bg div {
  position: absolute;
  cursor: default;
  top: 4px;
}
#sl_bg span {
  position: absolute;
  background: url(back.png) 0 -40px no-repeat;
  top: 10px;
  left: 12px;
  height: 14px;
  width: 638px;
  _font-size: 5px; /* prevent IE6 expanding the box height to font-size */
}
#rangespan{
  clear:both;
  margin-top:.5em;
  text-align:center;
  font-weight:bold;
}

.barchart{
  position:relative;
  margin:.5em 0 1em 0;
  border-bottom:1px solid #999;
  padding:.5em 0 1em 0;
}
.barchart .map{
  position:absolute;
  top:5px;
  right:0;
}
.barchart span.min{
  position:absolute;
  top:175px;
  right:212px;
  font-size:80%;
}
.barchart span.max{
  position:absolute;
  top:38px;
  right:212px;
  font-size:80%;
}
.barchart ul{
  height:150px;
  overflow:hidden;
  width:540px;
  margin:0;
  padding:0;
  list-style:none;
  margin:10px 0;
  background:#eee;
  list-style:none;
}
.barchart li{
  width:18px;
  float:left;
  display:block;
  background:#fc6;
  height:200px;
  margin:0;
  padding:0;
  border-top:1px solid #eee;
  list-style:none;
}
.barchart li span{
  position:absolute;
  left:-99999px;
  top:0;
  margin:0;
  background:#cfc;
  border:2px solid #393;
  padding:2px;
  font-size:110%;
  width:5em;
  text-align:center;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:0 2px 2px rgba(0,0,0,.8);    
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,.8);
}
.barchart li:hover{
  background:#693;
  border-top-color:#ddd;
}
.barchart li:hover span{
  left:5px;
  z-index:10;
  top:45px;
}
.range{
  position:absolute;
  left:-20000px;
}
label{
  font-weight:bold;
}
#selectrange label{
  padding:0 .5em;
}
#selectrange{
  padding-top:1em;
  text-align:right;
  margin-top:-4em;
}

#subbar{
  position:relative;
  margin:1em 0;
  text-align:right;
  background:#69c;
  padding:5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
#hd{
  border-top:1px solid #999;
  margin-bottom:1em;
}
.barchart h2{
  font-size:120%;
  margin:0;
  font-weight:bold;color:#693;
}
#charts,#bd{
  overflow:hidden;
}

h1{
  font-family:calibri,helvetica,sans-serif;
  letter-spacing:-1px;
  background:url(ukhp-back.jpg) top left no-repeat;
  font-weight:bold;
  padding:35px 0 0 110px;
  color:#036;
  font-size:250%;
  height:65px;
}
h2{
  font-size:130%;
  color:#000;
  font-weight:bold;
  margin:.5em 0;
  font-family:calibri,helvetica,sans-serif;
}
h3{
  font-size:120%;
  color:#333;
  border-bottom:2px solid #999;
  background:#eee;
  font-weight:bold;
  font-family:calibri,helvetica,sans-serif;
  margin-bottom:5px;
  padding:2px 5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}


/* Autocomplete */

.yui-skin-sam .yui-ac-input{ 
  position:absolute;width:735px;
  background:#eee;
  font-size:130%;
  padding:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
#js{
  display:none;
}
#ac,#locationrange{
  margin:1em 0;
}
#ac label{
  display:block;
  padding:.5em 0;
}

#charts div{
  position:relative;
}
#charts div .menubar{
  position:absolute;
  right:220px;
  top:200px;
}
.menubar input,.menubar a{
  border:none;
  text-decoration:none;
  border-left:5px solid #fff;
  text-weight:bold;
  padding:2px;
}
.menubar a{
  color:#000;
  background:#eee;
}
.menubar input.delete{
  color:#c00;
  background:#fcc;
}
#loader{
  position:absolute;
  right:2.3em;
  font-weight:bold;
  background:#cf6;
  top:-500px;
  color:#000;
  padding:.2em .5em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:0 2px 2px rgba(0,0,0,.8)    
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,.8);
}
ul.content{
  list-style:square;
  margin:1em;
}
ul.content li{
  list-style:square;
  margin:.5em;
}
.copy p,.intro p{
  line-height:1.3em;
  margin-bottom:.5em;
}
.intro{
  font-weight:bold;
}

#yahoo{
position:absolute;
top:2em;
font-size:100%;
font-weight:bold;
right:2em;
}
#yahoo a, #yahoo .yui-button{display:block;width:17em;text-align:center;margin:5px auto; color:#000;}
.listings a{color:#369}
.listings h3 {background:#efe;}
.listings h3 input{background:#ccc;color:#000;border:none;font-size:80%;position:absolute;right:5px;top:6px}
.listings li{overflow:hidden;}
.listings img{float:left;margin-right:5px;border:1px solid #999;padding:2px;}
.listings li{padding-bottom:5px;}
.listings h4 a{font-weight:bold;padding-bottom:5px;list-style-type:none;display:block;}
.error{margin:1em;padding:.5em;border:2px solid #c00;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:115%;font-weight:bold;color:#c00;background:#fcc;}
.error strong{font-size:120%;display:block;color:#000;}
#ad{margin:.5em 0;}
.copy p a{color:#369;}
.simple .delete{display:none;}
#ft p{
  border-top:3px solid #369;
  text-align:right;
  font-size:80%;
  padding:5px;
  color:#999;
}
#ft a{
  color:#666;
}