@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);

img {
border: 0px;
}

.calculator-tips {margin-left: 45px;}

#main_cont {
font-family: 'Roboto', sans-serif;
width: 873px;
min-height: 600px; 
background-color: #e7e8e9;
margin-left: auto; 
margin-right: auto; 
border-bottom: 15px solid #264d87;
margin-top: 20PX; 
}

#main_cont h2 {
font-size: 19px;
color: #58595b; 
width: 786px;
margin-left: auto;
margin-right: auto; 
font-weight: normal; 
}

#main_cont h3 {
color: #fff; 
font-size: 15px; 
font-weight: normal; 
padding-left: 20px; 
line-height: 1em; 
font-weight: normal; 
}


#cmenu {
width: 100%;
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/header_b.png');
height: 72px; 
}

#cmenu h1 {
color: #fff;
font-size: 18px;
padding: 0;
display: inline-block;
margin-top: 6px;
margin-left: 20px;
font-weight: normal; 
}



#cmenu_right {
float: right; 
margin: 0;
padding: 0; 
list-style-type: none; 
width: 515px;
}

#cmenu_right li#rbutton, #cmenu_right li#mbutton, #cmenu_right li#bbutton {
float: left; 
color: #fff;
padding: 15px 0px;
cursor: pointer; 
width: 33%;
text-align: center;
display: block;
}

#cmenu_right li {
display: none;
}


#cmenu_right li a {
color: #fff;
font-size: 15px;
} 



#gray_box {
margin-left: auto;
margin-right: auto;
width: 786px;
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/gray_boxb.png');
height: 376px;
background-repeat: no-repeat;
}

span.x {
position: absolute;
right: 10px;
color: #204e88;
top: 0; 
cursor: pointer;
}

.hover {
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/hover.png');
width: 209px;
height: auto;
position: absolute;
display: none;
z-index: 999;
top: 0;
left: 87px;
top: 27px;
PADDING-TOP: 10PX;
background-repeat: no-repeat;
}

.hover p {
font-size: 11px;
padding: 10px; 
margin:0;  
color: #204e88; 
}

.hover-box {
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/hover.png');
width: 209px;
height: auto;
position: absolute;
display: none;
z-index: 999;
top: 30px !important;
left: 87px !important;
padding-top: 10px;
background-repeat: no-repeat;
}

#h_mixed-res.hover-box, #h_commingled-res.hover-box, #h_scrap-res.hover-box, #h_elec-res.hover-box {
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/hover_b.png');
}

.hover-box p {
font-size: 11px;
padding: 10px; 
margin:0;  
color: #204e88; 
}

hr {
width: 90%;
padding:0;
margin:0; 
margin-left: auto;
margin-right: auto; 
background-color: #204e88;
height: 1px;
border: none; 
}


/* Input Boxes */

#blue_boxes {
padding: 33px; 
}


#mixed_paper {
position: relative; 
width: 167px;
height: 208px; 
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/box1.png');
float: left; 
padding-left: 10px; 
background-repeat: no-repeat; 
}


#commingled {
position: relative; 
width: 167px;
height: 208px; 
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/box2.png');
float: left; 
padding-left: 10px; 
background-repeat: no-repeat; 
}


#scrap_metal {
position: relative; 
width: 167px;
height: 208px; 
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/box3.png');
float: left; 
padding-left: 10px; 
background-repeat: no-repeat; 
}


#electronics {
position: relative; 
width: 167px;
height: 208px; 
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/box4.png');
float: left; 
padding-left: 10px; 
background-repeat: no-repeat; 
}

.help {
position: absolute;
right: 20px;
top: 6px;
cursor: pointer; 
}

.inputs {
position: absolute;
bottom: 123px;
width: 117px;
height: 25px;
margin-left: 16px;
}


#calc {
display: block;
/*margin-left: auto;
margin-right: auto; */
margin-left: 300px;   /* 7/21/2016 changed from 277 to 300 for responsive template */
position: relative;
bottom: 10px;  /* 7/21/2016 changed from 4 to 10 for responsive template */
right: 2px;
cursor: pointer; 
}

/* Results Boxes */


.results_boxes {
float: left;
padding: 20px;
background-repeat: no-repeat;
margin: 20px;
margin-top: -30px;
position: relative; 
background-position: center;
}

.result_info {
display: none; 
font-size: 12px;
}


#trees{
background-image:url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/trees_g.png');
width: 109px;
height: 131px;

}


#oil {
background-image:url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/gallons_g.png');
width: 109px;
height: 131px;
}

#elec {
background-image:url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/elec_g.png');
width: 120px;
height: 131px;
}

#elec .result {
left: 47px; 
}

#water {
background-image:url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/water.png');
width: 112px;
height: 131px;
}




#print {
color: #fff; 
font-size: 12px; 
display: block;
background-color: #d1d2d4;
margin-left: auto;
margin-right: auto;
margin-top: 40px; /* new 7/21/2016 for responsive template */
width: 786px;
}

#print p {
padding: 10px;
padding-right: 10px;
padding-left: 30px; 
padding-bottom: 30px; /* 7/21/2016 changed from 15 to 30px for responsive template */
font-size: 11px; 
height: 20px; 
color: 000; 
}

#print p a {
color: #2d588e;
}

#print img {
position: relative;
right: 12px;
/* top: 5px; */
}

.result {
color: #2d588e;
font-size: 31px;
bottom: 0;
display: block !important;
text-align: center;
padding-top: 135px;
}

.placeholder
{
  color: #aaaaaa;
}
::-webkit-input-placeholder
{
  color: #aaaaaa;
}

/* change results background images */
.results-trees {
background-image: url('http://www.montgomerycountymd.gov/DEP/Resources/Images/trash-recycling/footprint/trees.png');
}


/* hide printable images */
.hideprint {
display: none;
}


/* PRINT */

@media print
{
    
         .result_info { display: block !important;  }
    	#calc, #print, span.result_info { display: none !important; }
    	
    	/* background image/color styles */
		#main_cont { height: 700px; }
		#main_cont, #cmenu, #gray_box, #mixed_paper, #commingled, #scrap_metal, #electronics, #trees, #oil, #elec, #water { background: none !important; }
    	.hideprint { display: inline; position: absolute; z-index: -1; }
    	
    	#cmenu_right li#rbutton, #cmenu_right li#mbutton, #cmenu_right li#bbutton { color: rgba(0, 0, 0, 0);
        text-shadow: 0 0 0 #fff; }
        
        @media print and (-webkit-min-device-pixel-ratio:0) {
        
        #cmenu_right li#rbutton, #cmenu_right li#mbutton, #cmenu_right li#bbutton {
          color: #fff;
          -webkit-print-color-adjust: exact;
        }
      }
    	
}