#alt_layout
{
           padding-left: 149px;
           padding-top: 20px;
}



#pagecontent
{
  margin-left: 25px;
  margin-right: 25px;
}


#binimagecol
{
  width:250px;
  text-align:left;


}



/*
#myharrowimage
{
            position:float;
            float:right;
            left:58%;
            border: 1px solid #FFF;

}
*/


#centerbox
{
   margin:200px 0px; padding:0px;
   text-align:center;
}


#loadingmess{

           text-align:center; 
           width: 250px;
           height: 100px;
           background-color: #ccc;
           margin:0px auto;

}






#loadingbox{

           width: 97%;
           height: 94%;
           left: 0px;
           right: 30px;
           bottom: 10px;
           background-color:#fff;
           border: 1px solid #000;
           line-height: 14pt
           color:#000000;
           font-size: 1em;
           font-weight: bold;
           font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif;


}


#pgtitle
{
		
           	/*position:float;
            float:left;
            left:10%;
            border: 1px solid #FFF;
               */
            background-color:#FFFFFF;
            margin-left: 12px;
            width: 100% - 12px; 
            float:left;

            
}

#sresults
{
  margin-left:20px;


}

#appwrapper
{
  margin-left:100px;
  margin-right:100px;
  width:80%;
  border:1px;
}

#addresstext
{
      position:float;
      float:left;
      margin-top: -60px;
}

#alt_layout h2
{
            display: block;
            color: black;
            font-size: 1.8em;
            padding: 0;
            margin: 0 0 40px 0;
            line-height: 0;
            background-color: white;
}
#findnearest
{
            font-size: 1.2em;
            color: #5b027a;
            line-height:15px;
          /*  padding-left:10px;*/ 
            float:left;
            margin-left:10px;
}

#distancetext
{
 /*  font-size: 1.2em */;
   color: #000000;
   float:left;

}

.breadcrumb
{
           background-color: white;
           color: white;

}








#newsearch{
           position : relative;
           width: 100px;
           height: 35px;
           padding:5px;


}

#maptext{
           position :relative;
           width: 500px;
           height: 35px;
           border: 1px solid #000;
}
  


#container{
           position :relative;
           width: 450px;
           height: 450px;
           background-color: #ccc;
           left: 6px;           
           right: 4px;
           bottom:4px;
           margin-left:25px;
          
}

#map{
           position :relative;
           width: 99%;
           height: 99%;
           right: 4px;
           bottom: 4px;
           border: 1px solid #000;
           
           

}


#helptxtcontainer{
/* ---
         margin-left:25px;  */
         
         margin-bottom:10px;

         
         
            margin-left: 12px;
            /*width: 100% - 12px; 
            float:left;
            
            */

}


#wardmap{
          position :relative;
          width: 99%;
          height: 99%;
          right: 4px;
          bottom: 4px;
          border: 1px solid #000;
          background-color:white;
          valign:top;
          text-align:center;
          display:block;
}

#wardcontainer{

           position :relative;
           width: 450px;
           height: 320px;
           background-color: #ccc;
           left:6px;
           right: 4px;
           bottom:4px;
           display:block;
           margin-left:25px;

}
#dispmapmain{
           position :relative;
           width:99%;
           height :80%;
           right: 4px;
           bottom: 4px;
            left:6px;
/*--           margin-right:50px;  */
}

#dispmapcontainer{
           
           position :float;
           float:left; 
           width: 550px;
           height: 550px;
           background-color: #ccc;
           left:6px;
           right: 4px;
           bottom:4px;
           margin-left:25px;
           border: 1px solid #000;
}

#detailcol{
    background-color: #fff;
    border: 1px solid #CCC;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
    display:none;
}



#dispmap{

           position :relative;
           width: 99%;
           height: 99%;
           right: 4px;
           bottom: 4px;
           border: 1px solid #000;

}


#centermap
{

 margin-left:10%;
 margin-right:10%;  

/*  margin: 0 auto; */
 
}



#listmapcontainer{
           
           
       /*    align:center; */
           position:relative;
           float:left;    
           width: 660px; 
           height: 420px;
           background-color: #fff;
           left:2px;
           right: 4px;
           bottom:4px;
           float:left; 
}


#listmap{

        
           width: 99%;
           height: 99%;
           left: 4px; 
           right: 4px;
           bottom: 4px;
           border: 1px solid #000;

}


#planmapcontainer{


           align:center;
           width: 700px;
           height: 420px;
           background-color: #ccc;
           left:2px;
           right: 4px;
           bottom:4px;
}


#planmap{


           width: 99%;
           height: 99%;
           left: 4px;
           right: 4px;
           bottom: 4px;
           border: 1px solid #000;

}



#mapdesc{
         float:left;
         margin-top:2px;
         width: 27%;
         margin-left:20px;


}

#maptool{
         position :relative;
         float:right;
         width: 45%;
         /*float:left;
         width: 500px; */
         height: 35%;
         
         /*clear:both;  */
        
}


#maptool2{
         position :relative;
         float:right;
         width:260px;
         /*float:left;
         width: 500px; */
         height: 480px;
        /* border: 1px solid #000; */
         /*clear:both;  */

}



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

H2.mgSectionTitle
{
    color:#000000;
    font-size: 1em;
    font-weight: bold;
    font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif;
    background-color: #ececec;
    padding-left:26px;
    width: 100% - 26px;
    padding-bottom:4px;
    
}

.nearestcontainer {
    /* width: 100%; */
	width: 100% - 14px;
	padding-left:14px;


}

.listallnearest{
    width: 100%;
}



#dottedline {
    width: 98%;
    border-bottom: 1px solid #ccc;

}

.detailcolumn{
   width:70%;
   float:left;
   font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif;
   background-color: #ffffff;
   margin-left:10px;
}


.linkscolumn{
  width:25%;
  float:left;
  text-align:right;
  background-color: #ffffff;
  margin-right:10px;
}

.detailcolumnNHS{
   width:80%;
   float:left;
   margin-left:10px;
}

#blankspace{
  color: #FFFFFF;

}

.detailcolumnall{
   width:73%;
   float:left;
   padding-left:5px;
}


.linkscolumnall{
  width:25%;
  float:left;
  text-align:right;
  padding-right:5px;
 }



.detailcolumnallshaded{
   width:73%;
   float:left;
   background-color:#ececec;
   padding-left:5px;

}


.linkscolumnallshaded{
  width:25%;
  float:left;
  text-align:right;
  background-color:#ececec;
  padding-right:5px;
 }
 
.textmessage{
	font-size: 1em;
    font-weight: bold;
	font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif;
	color:red;

 
 }


.maplegend{
       background-color:#ffffff;
       font-weight:bold;
       font-size: 0.8em;
       border:1px solid black;
       padding-top:2px;
       padding-left:5px;
       padding-right:5px;
       padding-bottom:2px;
       width:130px;
}


.maplegend2{
       background-color:#ffffff;
       font-weight:bold;
       border:1px solid black;
       /* for IE */
       filter:alpha(opacity=60);
       /* CSS3 standard */
        opacity:0.6;
}


.pgheadercontainer {
    width: 90%;
    padding-left:14px;
    border:1px solid black;
}
 
.pgtitlecolumn{
   width:70%;
   float:left;
   font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif;
   background-color: #ffffff;
   margin-left:10px;
}
     
.mhlogocolumn
{
   position:float;
   float:right;
   margin-top: -60px;
   left:58%;
}



 
.mhlogocolumn2{
  width:25%;
  float:left;
  text-align:right;
  background-color: #ffffff;
  margin-right:10px;
}

.wastecontent {
  vertical-align:top;
 /*  width:100% */
}



.wastecol1 {
        width: 55%;
        float: left;
        padding:5px;
        margin-right: 1%;
        margin-left: 1%;
}


.wastecol2 {
        width: 30%;
        float: left;
        padding: 5px;
        margin-right:20px;

}


.brownbinkey{
        background-image: url("images/bins/Brownbinkey.jpg");
        background-repeat: no-repeat;
}

.bluebinkey{
        background-image: url("images/bins/Bluebinkey.jpg");
        background-repeat: no-repeat;
}

.greenbinkey{
        background-image: url("images/bins/Greenbinkey.jpg");
        background-repeat: no-repeat;
}


.alignright{

        text-align:right;
}

.aligntexttop{
     vertical-align:top;
 
}


.planningcontent {
  vertical-align:top;

}


.plancol1 {
        width: 20%;
        float: left;
        padding:5px;
        /*margin-right: 1%; */
        margin-left: 1%;
}


.plancol2 {
        width: 70%;
        float: left;
        padding: 5px;
        margin-right:20px;

}


.planningrowshaded {
   width:100%;
   float:left;
   background-color:#ececec;
}   

.planningrow {
   width:100%;
   float:left;
   background-color:#ffffff;  
}
      
.planningrowindent {
     padding-left:25px;
}


#pageTitle { font-weight:bold; text-decoration:underline; margin-bottom:5px; }



ul.disc {
  list-style-type:disc;
  /* border:1px solid #ffffff; */
  margin-left:10px;
  padding-left:10px;
}

ul.disc li {
  list-style-type:disc;
  margin-left:5px;
  padding-left:5px;   
}


.didYouKnowContainer { float:left; width:230px; background-color:#DAD4e7; }
.didYouKnow { 
	font-family: Verdana, 'lucida grande', Geneva, Helvetica, sans-serif; font-size: 11px;
	float:left; width:190px; padding:5px 5px 15px 5px;
}
.didYouKnow h3, #planningApp_didYouKnow h3 { font-size:14px; font-weight:bold;  background:url('../images/dyk-info.jpg') no-repeat top left; padding-left:28px; height:26px;  }
.didYouKnow ul, #planningApp_didYouKnow ul { margin-left:24px; _margin-left:26px; margin-top:5px; }
.didYouKnow ul li, #planningApp_didYouKnow ul li { list-style-type: disc; padding-left:5px; _padding-left:3px; margin-bottom:5px; line-height:16px; }
.didYouKnow a:hover, #planningApp_didYouKnow a:hover { text-decoration:underline; }