/* This is being used only by EJM */



 .map_class:hover

 { cursor: pointer; }

 

 

 /* an 'x' close icon for closing windows */

 .close_icon

 {

  color:red;

 	font-size:1.2em;

 	margin-top:-3px;

 }

 

 .fake_link

 {

 color:#3A00EE;

 text-decoration: underline;

 }

 

 .fake_link:hover

 {

 color:#EB6D25;

 text-decoration: underline;

   cursor: pointer;

 }



 .highlighted

 {

   background-color:  #FFFF55;

 }



 .header_even

 {

   background-color: #F9C65F;

   padding:4px;

   font-size:0.85em;

 }



 .header_odd

 {

   background-color:#FFCBFF;

   padding:4px;

   font-size:0.85em;

 }





 .comparetable td

 { padding:3px;  }



 /*for DrawingManager */

 #color-palette

 {clear: both; }



 .color-button

 {

   width: 14px;

   height: 14px;

   font-size: 0;

   float: left;

   margin:2px;

   cursor: pointer;

 }





 @media screen and (max-width:640px)

 {

   #instruction_div

   {width:90%; }



   #showstuff

   {width:90%; }



   #sponsors

   {width:100%;}



   #sunlogo

   { width: 95%; height: 95%;}



   #legend

   { width: 80%; padding: 10%;}



   #demographics_data

   {

    /* width: 120px; */

    padding:3px;

    background-color: #ffffff;

    font-size:1.2em;

    display:none;

    margin-top:2px;

   }



   #energyjustice_logo {margin-left: 0%;}



   #ejnlogo {width:95%; height: 95%;}



  #navtabs_wrap

	{

	  background-color:#303030;

	  position:absolute; 

	  top:56px; 

	  width:100%;

	  height:45px;

	}



 }







 @media screen and (min-width:641px)

 {

   #instruction_div

   {width:600px;}



   #showstuff

   {width:600px;}



   #sponsors

   {width:800px;}



   #sunlogo

   {}



   #legend

   { width: 60px; padding: 7px;}



   

   #demographics_data

   {

    /* width: 120px; */

    padding:3px;

    background-color: #ffffff;

    font-size:1.2em;

    display:none;

    margin-top:2px;

   }



   #energyjustice_logo

   {margin-left: 50px;}



   #ejnlogo {}



  #navtabs_wrap

	{

	  background-color:#303030;

	  position:absolute; 

	  top:56px; 

	  width:100%;

	  height:27px;

	}

 }



@media screen and (max-width:360px)

{

 .firstcolumn {top:120px; height:600px; width:80%; margin-right:10%; margin-left:10%; border-right: 0px;}

 .secondcolumn {top:720px; left:0px; height:600px; margin-right:10%; margin-left:10%; }

 .thirdcolumn {top:1320px; left:0px; height:600px; margin-right:10%; margin-left:10%; border-left:0px;}

 .homefooter {top:2220px;}

 .fourthcolumn {display:none;}

 .headerlogo {width:100%; background-image: url('/map/images/banner-logo-ejn.jpg')}

 #featuredfacility {display:none;}

 #takeaction {display:none;}

}



 @media screen and (min-width:361px) and (max-width:530px)

{

 .firstcolumn {top:100px; height:600px;  margin-right:10%; margin-left:10%; border-right: 0px;}

 .secondcolumn {top:700px; left:0px; height:600px; margin-right:10%; margin-left:10%; }

 .thirdcolumn {top:1300px; left:0px; height:600px; margin-right:10%; margin-left:10%; border-left:0px;}

 .homefooter {top:2200px;}

 .fourthcolumn {display:none;}

 .headerlogo {width:100%; background-image: url('/map/images/banner-logo-ejn.jpg')}

 #featuredfacility {display:none;}

 #takeaction {display:none;}

}



 @media screen and (min-width:531px) and (max-width:719px)

{

 .firstcolumn {top:100px; height:600px; padding-left:5%; padding-right:5%; border-right: 0px;}			

 .secondcolumn {top:100px; height:600px; float:right; padding-left:5%; margin-left:5%;}

 .thirdcolumn {top:700px; left:0px; height:700px; margin-right:5%; margin-left:5%; border-left: 0px;}

 .homefooter {top:1600px;}

 .fourthcolumn {display:none;}

 .headerlogo {width:100%; background-image: url('/map/images/banner-logo-ejn.jpg')}

 #featuredfacility {display:none;}

 #takeaction {display:none;}

}









 @media screen and (min-width:720px) and (max-width:959px)

{

 .firstcolumn {top:87px; }			

 .secondcolumn {top:87px;}

 .thirdcolumn {top:87px;}

 .fourthcolumn {display:none;}

 .homefooter {top:1200px;}

 .headerlogo {width:718px; background-image: url('/map/images/banner-logo-ejn.jpg')}

}



 @media screen and (min-width:960px)

{

 .firstcolumn {top:87px; }			

 .secondcolumn {top:87px;}

 .thirdcolumn {top:87px;}

 .fourthcolumn {top:87px;}

 .homefooter {top:1200px;}

 .headerlogo {width:718px; background-image: url('/map/images/banner-logo-ejn.jpg')}

}





 @media screen and (min-width:0px) and (max-width:320px)

{

  .amap_class {width:100%;top:390px;}

  .map_class {width:100%; top:270px;}

  #facility_layer_system {top:980px;  left:10px; width:320px; margin-top:20px;}

}



 @media screen and (min-width:321px) and (max-width:599px)

{

  .amap_class {width:100%;top:330px;}

  .map_class {width:100%; top:230px;}

  #facility_layer_system {top:980px;  left:10px; width:330px; margin-top:20px;}



}





 @media screen and (min-width:600px) and (max-width:659px)

{

  .amap_class {width:100%;top:245px;}

  .map_class {width:100%; top:175px;}

  #facility_layer_system {top:980px;  left:10px; width:330px; margin-top:20px;}

}



 @media screen and (min-width:660px) and (max-width:719px)

{

  .amap_class {width:100%;top:245px;}

  .map_class {width:100%; top:175px;} 

}





 @media screen and (min-width:720px) and (max-width:759px)

{

  .amap_class {width:100%;top:245px;}

  .map_class {width:100%; top:175px;}

}



 @media screen and (min-width:760px) and (max-width:859px)

{

.amap_class {width:100%;top:245px;}

.map_class {width:100%; top:175px;}

}





 @media screen and (min-width:860px) and (max-width:959px)

{

  .amap_class {width:100%;top:230px;}

  .map_class {width:100%; top:160px;}

}



 @media screen and (min-width:960px) and (max-width:1019px)

{

  .amap_class {width:100%;top:230px;}

  .map_class {width:100%; top:160px;}

}



 @media screen and (min-width:1020px) and (max-width:1099px)

{

  .amap_class {width:100%;top:220px;}

  .map_class {width:100%; top:150px;}

}





 @media screen and (min-width:1100px)  and (max-width:1199px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%; top:150px;}

}





 @media screen and (min-width:1200px)  and (max-width:1299px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%; top:150px;}

}



 @media screen and (min-width:1300px)  and (max-width:1399px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%; top:150px;} 

}



 @media screen and (min-width:1400px)  and (max-width:1499px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%; top:150px;}

}



 @media screen and (min-width:1500px)  and (max-width:1599px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%;top:150px;}

}



 @media screen and (min-width:1600px)

{

  .amap_class {width:100%;top:200px;}

  .map_class {width:100%;top:150px;}

}

 

 

 .borderbottom

 {

 	border-bottom:1px solid #d2d2d2;

 }