/* map page */
#the_local_connection .bar h2 {
  margin: 0;
  font-size: 1.15em;
  /*26/09/07 AN shaw trust failed us on contrast so change from color: #666; to*/
  color: #545457;
  padding-right: 8em;
}

#the_local_connection .bar a {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-weight: bold;
  border: 1px solid #000;
  background: #FFEE89 url(../graphics/button_slice.jpg) repeat-x bottom;
  color: #000;
  text-decoration: none;
  padding: 1px 0.4em;
}

#the_local_connection .bar_sleeve {
  border: 1px solid #fff;
  padding: 7px 8px;
  /***AN 26/11/07 made absolute for supplier use***/
  /*background: url(/McmsHosting/UI/Sites/Council/Assets/Icons/bar_bg.gif) repeat-x bottom;*/
  background: url("http://www.southglos.gov.uk/Assets/Graphics/BarBackGround.gif") repeat-x bottom;
  /*26/09/07 AN shaw trust failed us on contrast so change from color: #666; to*/
  color: #333333;
  position: relative;
  zoom: 1; /* :hack: hasLayout for IE - stops absolutely positioned children from falling out */
}

.map_box {
  background-color: #ebebeb;
  margin: 20px 0;
  padding: 20px 0 10px 20px;
  zoom: 1;  /* :hack: hasLayout - clear child floats for IE */
}
.map_box:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

.map {
  width: 634px;
  height: 438px;
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  display: inline; /* :hack: fix double width margins in IE */
}

/* Orginal */
/*
.map_image img {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
}
*/

/* BT added this */
.map img{
  position: absolute;
  z-index: 1;
}

.map_image{
  position:absolute;
  top: 14px;
  left: 14px;
  z-index: 3; 
}

/* BT added this */
/*.map_image span{
  position:absolute;
  top: 14px;
  left: 14px;

  z-index: 2; 
}
*/

/* BT added this */
/*.map_image img{ 
  z-index: 2; 
}
*/

/* BT added this */
.map_loading
{
	position :absolute;
	top: 150px;
	left: 200px;
	width:220px;
	height:60px;
	border:solid 3px #120C80;
	z-index: 4;
	background:#FFFFFF;
}


#uiMapLoadingImage
{
	background: url('../Graphics/map_Processing.gif') 50% 50% no-repeat;
	z-index: 5;
	width:220px;
	height:19px;
}

/* BT added this */
.map_loading p
{
	text-align:center;
}
/* BT added this for pan problem*/
.map_whitebox
{
	width :604px;
	height:408px;
	position:absolute;
	top: 14px;
	left: 14px;
	display: inline; /* :hack: fix double width margins in IE */
	background: #FFFFFF;
	border: solid 1px #000000;
	z-index:2;	
}

/* NESW buttons */
.map ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.map li {
  position: absolute;
  border: 0 solid #fff;
  background-color: #999;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  z-index: 1;
}

.map li a {
  display: block;
  width: 100%;
  height: 100%;
}

.map li a span {
  position: absolute;
  left: -9999px;
}


/* Orginal
.map .n { top: 0; left: 76px; height: 75px; width: 482px; background-image: url(../assets/graphics/map_n.gif); background-position: top; }
.map .ne { top: 0; left: 558px; height: 75px; width: 75px; background-image: url(../assests/graphics/map_ne.gif); background-position: right top; border-width: 0 0 1px 1px; }
.map .e { top: 76px; left: 559px; height: 286px; width: 75px; background-image: url(../assests/graphics/map_e.gif); background-position: right; }
.map .se { top: 362px; left: 558px; height: 75px; width: 75px; background-image: url(../assests/graphics/map_se.gif); background-position: right bottom; border-width: 1px 0 0 1px; }
.map .s { top: 363px; left: 76px; height: 75px; width: 482px; background-image: url(../assests/graphics/map_s.gif); background-position: bottom; }
.map .sw { top: 362px; left: 0; height: 75px; width: 75px; background-image: url(../assests/graphics/map_sw.gif); background-position: left bottom; border-width: 1px 1px 0 0; }
.map .w { top: 76px; left: 0; height: 286px; width: 75px; background-image: url(../assests/graphics/map_w.gif); background-position: left; }
.map .nw { top: 0; left: 0; height: 75px; width: 75px; background-image: url(../assests/graphics/map_nw.gif); background-position: left top; border-width: 0 1px 1px 0; }
*/

/*
.map .n { top: 0; left: 76px; height: 75px; width: 482px; }
.map .ne { top: 0; left: 558px; height: 75px; width: 75px; }
.map .e { top: 76px; left: 559px; height: 286px; width: 75px }
.map .se { top: 362px; left: 558px; height: 75px; width: 75px; }
.map .s { top: 363px; left: 76px; height: 75px; width: 482px; }
.map .sw { top: 362px; left: 0; height: 75px; width: 75px; }
.map .w { top: 76px; left: 0; height: 286px; width: 75px; }
.map .nw { top: 0; left: 0; height: 75px; width: 75px; }
*/

.map .n { top: 0; left: 76px; height: 75px; width: 482px; }
.map .ne { top: 0; left: 558px; height: 75px; width: 75px; border-width: 0 0 1px 1px; }
.map .e { top: 76px; left: 559px; height: 286px; width: 75px; }
.map .se { top: 362px; left: 558px; height: 75px; width: 75px; border-width: 1px 0 0 1px; }
.map .s { top: 363px; left: 76px; height: 75px; width: 482px; }
.map .sw { top: 362px; left: 0; height: 75px; width: 75px; border-width: 1px 1px 0 0; }
.map .w { top: 76px; left: 0; height: 286px; width: 75px; }
.map .nw { top: 0; left: 0; height: 75px; width: 75px; border-width: 0 1px 1px 0; }



/* tools and information boxes */
.map_tools, .map_help {
  border: 1px solid #b1b1b1;
  background: #f8f8f8;
  padding: 10px;
  width: 216px;
  float: left;
  margin: 0 20px 20px 0;
  display: inline; /* :hack: fix double width margins in IE */
}

* html .map_tools, * html .map_help { width /**/: 236px; } /* :hack: fix IE5 box model */

.map_tools h2, .map_help h2 {
  font-size: 1em;
  font-weight: bold;
  /*26/09/07 AN shaw trust failed us on contrast so change from color: #666; to*/
  color: #545457;
  margin: 0 0 10px 0;
}

.map_tools * {
  float: left;
}

.map_tools ul {
  list-style-type: none;
  margin: 0 0 0 1em;
  padding: 0;
}

.map_tools li a {
  margin: 0 2px;
  width: 18px;
  height: 18px;
  background-position: left;
  background-repeat: none;
}

.map_tools li a:focus, .map_tools li a:hover {
  background-position: right;
}

/* BT Added this */
.map_tools li span{
  margin: 0 2px;
  width: 18px;
  height: 18px;
  background-position: left;
  background-repeat: none;
}

/*BT added this*/
/*.map_tools li span.tools:focus , .map_tools li span:hover {
  background-position: right;
}*/

/* BT Added this */
.map_tools li div{
  margin: 0 2px;
  width: 18px;
  height: 18px;
  background-position: right;
  display:inline;
  background-repeat: none;
}

/*BT added this*/
.map_tools li div:focus , .map_tools li div:hover {
  background-position: right;
}


.map_tools li.pan a { background-image: url(/graphics/map_pan.gif); }
.map_tools li.zoom_in a { background-image: url(/graphics/map_zoom_in.gif); }
.map_tools li.zoom_out a { background-image: url(/graphics/map_zoom_out.gif); }

/*BT added this */
.map_tools li.pan span { background-image: url(../graphics/map_pan.gif); }
.map_tools li.zoom_in span { background-image: url(../graphics/map_zoom_in.gif); }
.map_tools li.zoom_out span { background-image: url(../graphics/map_zoom_out.gif); }


/*BT added this */
.map_tools li.pan div { background-image: url(../graphics/map_pan.gif); }
.map_tools li.zoom_in div { background-image: url(../graphics/map_zoom_in.gif); }
.map_tools li.zoom_out div { background-image: url(../graphics/map_zoom_out.gif); }

/*BT added this */
.map_help ui
{
  margin: 5px 0px 0px 8px;
  padding: 0 9px;
  padding: 0 9px;
}

/*BT added this */
.map_help ul li 
{
  list-style-type: none;
  background: url(../Icons/more.gif) no-repeat 0 1px;
  padding-left: 19px;
  margin: 10px 0;
}

/*BT added this */
.map_help a 
{
  color: #545457;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
}

/*BT added this */
.map_help a:visited 
{
  color: #545457;
  text-decoration: none;
}

/*BT added this */
.map_help a:focus, .map_help a:hover 
{
  text-decoration: underline;
}

/*BT added this */
.map_addressX ul 
{
  /*margin : 0px 0px 0px 0px;
  margin-left: 0px;
  background-color:Black;*/
  
}

/*BT added this Class not working */
#map_address
{
  margin : 0px 0px 0px 0px;
  margin-left: 0px;
  line-height: 1;
  list-style-type:none;

}


/*BT added this */
.map_address li 
{
  list-style-type: none;
  background: url(../Icons/more.gif) no-repeat 0 4px;
  padding-left: 19px;
  margin: 10px;
}

/*BT added this */
.map_adress a 
{
  color: #545457;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
}

/*BT added this */
.map_address a:visited 
{
  color: #545457;
  text-decoration: none;
}

/*BT added this */
.map_adress a:focus, .map_adress a:hover 
{
  text-decoration: underline;
}


/*
.map_tools li span {
  position: absolute;
  left: -9999px;
}
*/

.map_box p.copyright {
  font-size: .9em;
  color: #95999d;
}

#the_local_connection .formbox {
  border: 1px solid #e5e5e5;
}

#the_local_connection .formbox fieldset {
  border: 1px solid #fff;
  padding: 7px 8px;
  background: url(../graphics/BarBackground.gif) repeat-x bottom;
  /*26/09/07 AN shaw trust failed us on contrast so change from color: #666; to*/
  color: #545457;
}

#the_local_connection .formbox fieldset * {
  float: none;
  margin: 0 .2em;
}

#the_local_connection .formbox label, #the_local_connection .formbox .button {
  font-size: 1.2em;
}

/* BT added this */
#the_local_connection .button { color: #000; border:1px solid #000;  font: bold 1em "Trebuchet MS", Tahoma, sans-serif; background: #FFEE89 url(../graphics/button_slice.jpg) repeat-x bottom; cursor:pointer;}

#results_tlc
{
	float:left; 
	width:100%;
}

/*BT added this */
#TLCResultsInfoWidgets
{	
  clear: left;
  padding-right: 274px;
  margin: 0 0px 19px 0px;
  background: url(../graphics/WidgetColumnBorder.gif) repeat-y right;
  zoom: 1; /* :hack: IE hasLayout trigger for clearing child floats */

}
/*BT added this */
#Results
{
	position:inherit;
	left:0px;
	top:0px;
	z-index:1;
}
/*BT added this */
#YellowToFade
{
	position:inherit;
	left:0px;
	top:0px;
	width:600px; 
	height:20px;
	z-index:2;
}
/* BT added this */
#uiResults 
{
	display:block;
}
 /*
.tcl_results span
{
	background-color:Aqua;
	display:block;
}
*/
/*BT Added this to get widgets under map*/
.information {
  float: left;
  width: 100%;
}

.information h3 {
  margin: 0;
  font-weight: bold;
}

.information h4 {
  font-weight: bold;
  margin: 15px 0 3px 10px;
}


.information h4 span {
  display: block;
  float: left;
  padding: 1px 0;
  margin-right: 8px;
  width: 20px;
  text-align: center;
  border: 1px solid #000;
  background: #FFEE89 url(../graphics/button_slice.jpg) repeat-x bottom;
  color: #000;
  font-size: .9em;
  font-weight: normal;
}

/*BT added this*/
/*.information_spacer h4
{
  font-weight : bold;
  margin: 15px 0 3px 50px;
  font-style:italic;
 
}*/

.information p {
  margin: 3px 0 3px 40px;
  font-size: .9em;
}

.information p span {
  font-weight: bold;
}

/* BT added this */
.information ul {
  margin: 5px 0;
  padding: 0 9px;
}

/* BT added this */
.information ul li {
  list-style-type: none;
  background: url(../Icons/More.gif) no-repeat 0 1px;
  padding-left: 19px;
  margin: 10px 0;
}

/* BT added this */
.information li a {
  font-weight: bold;
  text-decoration: none;
  /*26/09/07 AN shaw trust failed us on contrast so change from color: #666; to*/
  color: #545457;
}

.information a:focus, .information a:hover {
  text-decoration: underline;
}

/* BT added this */
.error {
  font-weight: bold;
  font-size: 1m;
  text-decoration: none;
  color: #CE0E41;
}

.binTable
{
	width:50%;
}
.bin_collection
{
	width: 30%;
}
.bin_day
{
	width:40%;
}
.bin_date
{
	width:30%;
}
input.button 
{ color: #000; 
  border:1px solid #000; 
  font: bold 1em "Trebuchet MS", Tahoma, sans-serif; 
  background: #FFEE89 url(../graphics/search_button_slice.jpg) repeat-x bottom; 
  cursor:pointer;
  }