@charset "utf-8";
/* CSS Document */
/*img, div, body { behavior: url(/common/iepngfix.htc) }*/
html{
	background:url(/imgs/bg_slice.gif) repeat-x top #fff;
	height:100%;

}


body{
	margin:	0;
	padding:0;
	background:url(/imgs/main_bg.png) no-repeat top center;
	_background:url(/imgs/main_bg.jpg) no-repeat top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	height:100%;
	position:static;
	

}
.small_text {
	font-size:10px;
	}
a, a:visited{
	color:#4F7701;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

#wrapper_footerfix{
	min-height:100%;
	position:relative;
}
*html #wrapper_footerfix{ height:100%;}


#wrapper{
	width:870px;  
/*    height: auto !important;
	min-height: 100%;
	height: 100%;*/
	padding:0 0 0 0;
	margin: 0 auto;
	position:relative;
}
#wrapper_home{
 position:relative;
 width:870px;  
/* min-height: 100%;
    height: auto !important;
    height: 100%;*/
    margin: 0 auto;
}
#flashcontent{
	position:absolute;
	top: 120px;
	left: 33px;
	width: 804px;
	min-width: 804px;
	height: 370px;
	min-height:370px;
/*	background-color:#FF3300;*/
}
#flashcontent_recycle{
	position:absolute;
	top: 60px;
	left: -40px;
	margin-bottom:760px;}
*html #flashcontent_recycle{left: 62px;}


*html #wrapper_home{position:static; }
*html #content_home{ height: 400px; width: 870px; position:relative; }
*html #flashcontent{position:absolute; top:0; left:0;width: 804px;height: 370px; z-index:100; /*border:1px solid #FFFF00;*/}

*html #content{min-height: 380px; height:auto !important; height: 380px; /*border: solid 1px #FF0000*/}
*html #bottom_btns{float:left;width:830px;	margin:15px 0 40px 15px; padding-bottom:80px;/*border: solid 1px #FF0000*/}



#flashcontent2{
}

ul, li {
margin:0;
padding:0 0 5px 0;
line-height:18px;
}
ol li{
	margin-bottom:10px;}

p{	margin:0px;
	padding: 0 0 10px 0;
	line-height:1.4;
	
}

h1{
	font-size:24px;
	color:#4f7701;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0;
}
.h1_homepage{
	font-size:24px;
	line-height:24px;
	color:#4f7701;
	font-weight:normal;
	width: 287px;
	display:block;
	padding: 20px 0 15px 0;
}
h2{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	}

h3{
 font-size:18px;
 color:#4f7701;
 font-weight:bold;
 margin:0 0 10px 0;
 padding:0;
}
h4{
 font-size:14px;
 color:#4f7701;
 font-weight:normal;
 margin:0 0 10px 0;
 padding:0;
}
h5{
 font-size:12px;
 color:#4f7701;
 font-weight:bold;
 margin:0 0 0 0;
 padding:0;
}
h6{
 font-size:11px;
 color:#000;
 font-weight:normal;
 margin:0 0 0 0;
 padding:0;
 line-height:16px;
}
.h_title {
 font-size:15px;
 color:#000;
 font-weight:bold;
 margin:0 0 0 0;
 padding:0;
 line-height:16px;
	}

.emphasis{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4F7701;
	font-size:13px;
	font-weight:bold;
	font-style:italic;/*
	text-shadow: #adc088 0 0 1px;*/
	}
.emphasis_ui{ /******same as above no italics********/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4F7701;
	font-size:13px;
	font-weight:bold;/*
	font-style:italic;
	text-shadow: #adc088 0 0 1px;*/
	}
.emphasis_lg{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4F7701;
	font-size:18px;
	font-weight:bold;
	font-style:italic;/*
	text-shadow: #adc088 0 0 1px;*/}
	
#header{
	margin:0 auto;
	padding:21px 0;
	width:870;
	height:79px;
	position:relative;
	z-index:5;
}
#logo{
	margin:0;
	padding:0;
	float:left;}
#language{
width:100px;
margin-right:30px;
float:right;
}
#earth_day {
	position:absolute;
	height:45px;
	width:60px;
	top:132px;
	left:803px;
	}

#nav{
	/*background:url(/imgs/nav_bg.jpg) no-repeat left;*/
	
	height:31px;
	width:827px;
	position:absolute;
	top:45px;
	left:131px;
	behavior:url("/common/csshover3.htc");
}
#nav ul{
	padding:0;
	margin:0 0 0 10px;}

#nav ul li{
	display:inline;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0;
	letter-spacing: 2px;
	/*background:url(/imgs/green_pipe.gif) no-repeat left center;*/
}
#nav ul li li{
	display:inline;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0;
	font-size:11px;
	letter-spacing: 0.5px;
	line-height:14px;
}

#nav ul li a{
	/*padding:8px 20px;*/
	text-decoration:none;
	color:#000;
}

#nav ul li a:hover{
	}

#nav ul li li a{
	margin:0px 6px;
	padding:5px 10px 5px 14px;
	/*border-bottom:1px solid #618d04;
	border-top:1px solid #abe90e;*/
	background:url(/imgs/border-bg.png) no-repeat 0px 1px;
	text-decoration:none;
	display:block;
	color:#fff;
	}


#nav ul li li a:hover{ background:#000; color:#b0ef0f;}

.required_text{
	font-size:11px;
	color:#4F7701;
	font-weight:normal;}

#content{
	margin:0 auto;
	padding:25px 0 20px 0;
	width:760px;
	position:relative;
	min-height: 400px;
}
#content_home{
	margin:0 auto;
	padding-top:0px;
	width:804px;
	padding-top: 310px;
/*    padding-top: 0px;
	padding-bottom:100px;*/
}
#content_home a{
	color:#6c9a07;
	text-decoration:none;
}
#content_home a:hover{
	text-decoration:underline;
}

#left_content{
	position:relative;
	float:left;
	width:760px;
	_margin:0 30px;
}
#left_content_calender{
	width:766px;}
#right_content{
	padding-top:15px;
	float:left;
	width:185px;
	text-align:right;
	display:none;
}

.hr {width:774px; height:1px; background:#000000; margin:20px auto;}
#bottom_btns{
	float:left;
	width:830px;
	padding-bottom:30px;
	margin:15px 0 20px 27px;
	}
#hm-body #bottom_btns{margin:0;}
#hm-body #bottom_btns .hr{display:none;}
#hm-body #search_service {margin-right:41px;}
	
	
#search_service{
	width:235px;
	height:112px;
	float:left;
	background:url(/imgs/service_search.jpg) no-repeat top left;
	margin-right:60px;
	padding-top:52px;
	}
#question_btn{
	width:234px;
	height:112px;
	float:left;
	margin-right:15px;
}
#rolloff_btn{
	width:279px;
	height:129px;
	float:left;
}

#left_content_homepage{
	float:left;
	width:508px;
}
#right_content_homepage{
	padding-top:15px;
	float:left;
	width:296px;
	background:url(/imgs/news-hm-bg.jpg) no-repeat right top;
	height:205px;
	position:relative;
	margin-top:25px;
}

#hm-news h2 { background:url(/imgs/news_bullet.gif) no-repeat 0 3px; margin:0;padding:0 0 0 13px; color:#b1ef0f; font-size:11px; letter-spacing:normal; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
#hm-news p {margin:0;padding:0 0 10px 13px; color:#fff; font-size:10px; line-height:normal;font-family:Verdana, Geneva, sans-serif;}
#hm-news a {color:#b1ef0f; text-decoration:none; font-weight:normal;}
#hm-news a:hover { text-decoration:underline; color:#fff;}

#right_content_homepage #hm-news{
	position:absolute;
	top:45px;
	left:77px;
	width: 210px;
	height: 152px;
	overflow:hidden;
}

#footer{/*
	position:absolute;*/
	bottom:0;

	width:100%;
	height:130px;
	*height:150px;
	text-align:center;
	padding:20px 0;
	color:#598803;
	background:url(/imgs/footer_slice.jpg) repeat-x top #000;
	z-index:10;
}
#footer a{
	color:#598803;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.errortext{
	color:#cc0000;
	font-weight:bold;
	}

#account{
	position:absolute;
	left:700px;
	top:150px;
	border:none;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#account a, #account a:visited{
	color:#000;
	text-decoration:none;


}
#account a:hover{
	text-decoration:underline;
	
}

#customer-logout{
	width:750px;
	test-align:right;
	border:none;
	font-size:14px;
	color:#000;
	text-decoration:none;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#customer-logout a, #customer-logout a:visited{
	color:#000;
	text-decoration:none;


}
#customer-logout a:hover{
	text-decoration:underline;
	
}
/* ---------- selector ---------- */

#selector{
width:760px;
height:500px;
margin-top:60px;
}
#tabs{
float:left;
margin:0;
width:312px;
margin-top:17px;
}
#tabs ul{
list-style-type:none;
list-style:none;
}

#tabs ul li{
margin:0;
height:76px;
margin-bottom:14px;
}
#tabs ul li{
display:block;
}

#tabs ul li a{
height:76px;
width:312px;
display:block;
text-decoration:none;
}

#tabs ul li a:hover{
height:76px;
width:312px;
text-decoration:none;
}

#tabs ul li a span{visibility:hidden;}

.selectortab1-selected{background-image:url(/imgs/tab1_ro.gif);}
.selectortab1{background-image:url(/imgs/tab1.gif);}
a.selectortab1:hover{background-image:url(/imgs/tab1_ro.gif);}

.selectortab2-selected{background-image:url(/imgs/tab2_ro.gif);}
.selectortab2{background-image:url(/imgs/tab2.gif);}
a.selectortab2:hover{background-image:url(/imgs/tab2_ro.gif);}

.selectortab3-selected{background-image:url(../imgs/tab3_ro.gif);}
.selectortab3{background-image:url(/imgs/tab3.gif);}
a.selectortab3:hover{background-image:url(/imgs/tab3_ro.gif);}

.selectortab4-selected{background-image:url(/imgs/tab4_ro.gif);}
.selectortab4{background-image:url(/imgs/tab4.gif);}
a.selectortab4:hover{background-image:url(/imgs/tab4_ro.gif);}

.selectortab5-selected{background-image:url(/imgs/tab5_ro.gif);}
.selectortab5{background-image:url(/imgs/tab5.gif);}
a.selectortab5:hover{background-image:url(/imgs/tab5_ro.gif);}

/************cities selector**********/
.citiestab-selected{background-image:url(/imgs/tab_cities_ro.gif);}
.citiestab{background-image:url(/imgs/tab_cities.gif);}
a.citiestab:hover{background-image:url(/imgs/tab_cities_ro.gif);}





#selectordetails{
width:372px;
height:414px;
padding:40px 20px 20px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(/imgs/bkg_content.gif);
background-repeat:no-repeat;
float:left;
position:relative;
}

#selectordetails ul{
	padding:0 10px 10px 0;
	list-style-type:disc;
	list-style:disc;
	width: 230px;
	}
#selectorintroimage{
position:absolute;
top: 100px;
left: 0px;
width:432px;
text-align:center;
}
.selector_titlegreen1{font-size:36px;color:#86bb05;font-weight:bold;padding-right:10px;}
.selector_titlegreen2{font-size:24px;color:#a6d809;font-weight:bold;display:block;margin-top:160px;}
.selector_titlegreen3{font-size:24px;color:#a6d809;font-weight:bold;display:block;padding-top:30px;}

.selector_titlewhite3{font-size:18px;color:#ffffff;font-weight:bold;}
.selector_price{font-size:30px;color:#a6d809;font-weight:bold;display:block;}

#selectorprice{
position:absolute;
top: 350px;
left: 270px;
width:125px;
text-align:right;
color:#a6d809;
}
#selectordetails input.select_btn{background-image:url(/imgs/btn_selectcontainer.gif);width:125px;height:28px;
border:0px;min-height:28px;display:block; cursor:pointer; margin-top:5px; margin-left:8px;}
#selectordetails input.select_btn:hover{background-image:url(/imgs/btn_selectcontainer_ov.gif);}
#selectordetails p{font-size:12px;color:#FFFFFF;}
#selectordetails li{font-size:12px;color:#FFFFFF;}

#container {display:none;}
.loading-data {text-align:center; font-size:14px;padding-top:140px;}
td.history_text{
	font-size:11px;
	padding:3px 88px 10px 5px;}
	
#language a{color:#87bc06; text-decoration:underline}
#language a:hover{text-decoration:none}

/* -----colors-------- */

.red{color:#FF0000;}
.green_light{color:#80af35;}
.green_light a, .green_light a:visited{color:#000000; text-decoration:none;}
.green_light a:hover{ text-decoration:underline;}
.white{color:#FFFFFF;}
.black{color:#000000;}
.black a, .black a:visited{color:#80af35; text-decoration:none;}
.black a:hover{ text-decoration:underline;}

.sz12{font-size:12px;}
.sz14{font-size:14px;}
.sz16{font-size:16px;}

.bold{font-weight:bold;}


/* -----recycle101-------- */

#recycle ul{
margin-left:10px;
line-height:20px;}
#recycle ul li ul{
margin-left:15px;
padding:0;
list-style-type: disc;
color:#4F7701;
}
#hazardous_items{width: 450px; margin-left: 80px; margin-top:20px; }
#hazardous_items ul{float:left;margin-right: 60px;}

#cookcounty_list{width:850px;}

#cookcounty_cities{
width:820px;
z-index:20;

	display:none; 
	background-color:#5f8108; 
	padding:10px 10px 10px 20px; /*
	overflow:hidden;*/ 
	height:1150px; 
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:115px;
	left:-40px;
	}
#cookcounty_cities a, #cookcounty_cities a:visited{color:#fff; text-decoration:none; padding:4px;}
#cookcounty_cities a:hover{color:#fff; text-decoration:none; background-color:#3e5405; padding:4px;}

#cookcounty_cities ul{
float:left;margin-right: 0;
color:#FFFFFF;
margin-left:15px;

}
#cookcounty_cities ul li{ margin-top: 4px; margin-left:20px;}

ul.cookcounty_list {
	float:left;
	color:#ffffff;
	
	}

ul.cookcounty_list a {
	color:#ffffff;
	}




#cookcounty_cities {}
.clickme { cursor:pointer; }
.close-list{ cursor:pointer; }
#chicagoPermitContent{
	background:url(/imgs/black_box_slice.gif) repeat-y top;
	width:396px;
	padding:5px 18px 15px;
	color:#fff;}
	
	
/************************************** Font Resizer ****************************/
.pixels {
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.point {
	font-size:12pt;
	line-height:30px;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.em {
	font-size:1em;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.percentage {
	font-size:100%;
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
.undefined {
	margin-bottom:20px;
	padding:20px;
	background-color:#222222;
}
#changeFont {
	position:absolute;
	top:10px;
	right:10px;
	background-color:#333333;
	padding:5px;
}
.increaseFont, .decreaseFont, .resetFont {
	color:#CCCCCC;
	font-size:14px;
	float:left;
	margin:20px 5px 10px;
	outline:none;
}

#resizer {position:absolute; top:0px; left:725px;}
ul{
	padding:0 10px 20px 17px;
	list-style-type:disc;
	list-style:disc;
	}
	
.top-link-services span,
.top-link-pay span,
.top-link-recycling span,
.top-link-about span,
.top-link-contact span
{margin-left:-9000px}

#nav .last-list-item { background: url(/imgs/bg-last-li-v2.png) no-repeat bottom center; width:152px; /*height:42px;*/height:34px; border:none; background-color:transparent;}

.top-link-services {background:url(/imgs/btn-services.gif) no-repeat; width:140px; height:34px; cursor:pointer;}
.top-link-services:hover {background:url(/imgs/btn-services-o.gif) no-repeat; width:140px; height:34px;}

.top-link-pay{background:url(/imgs/btn-pay.gif) no-repeat; width:140px; height:34px; cursor:pointer;}
.top-link-pay:hover {background:url(/imgs/btn-pay-o.gif) no-repeat; width:140px; height:34px;}

.top-link-recycling{background:url(/imgs/btn-recycling.gif) no-repeat; width:140px; height:34px; cursor:pointer;}
.top-link-recycling:hover {background:url(/imgs/btn-recycling-o.gif) no-repeat; width:140px; height:34px;}

.top-link-about {background:url(/imgs/btn-about.gif) no-repeat; width:140px; height:34px; cursor:pointer;}
.top-link-about:hover {background:url(/imgs/btn-about-o.gif) no-repeat; width:140px; height:34px;}

.top-link-contact {background:url(/imgs/btn_contact.gif) no-repeat; width:140px; height:34px; cursor:pointer;}
.top-link-contact:hover {background:url(/imgs/btn_contact-o.gif) no-repeat; width:140px; height:34px;}

#nav ul >li {margin-right:8px;}

#services_iya{
	float:left;
	width:760px;
	background:#000000;
}
#residential {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;
}
#commercial {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;

}
#c-a_recycling {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;

}
#industrial {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;

}
#roll-off_dumpsters {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;

}
#p-d_destruction {
	float:left;
	margin:5px 0;
	padding:0 17px;
	width:726px;
	height:117px;
	text-align:center;
	color:#000000;
	font-size:30px;

}
/*****************************Zip Codes******************/

li.zip_code_links {
	list-style:none;
	padding:10px 0;/*
	background:url(/imgs/btn_zip_codes.gif) no-repeat top left;*/}
li.zip_code_links a{
	text-decoration:none;
	color:#ffffff;
	padding:10px 150px 10px 10px;
	width:100%;
	background:url(/imgs/btn_zip_codes.gif) no-repeat top left;
	}
li.zip_code_links a:hover{
	text-decoration:none;
	color:#fff;
	padding:10px 150px 10px 10px;
	width:500px;
	background:url(/imgs/btn_zip_codes_o.gif) no-repeat top left;
	}
/********************************************************/
#stickerTypes{ width:600px;}
#purchase_stickers_options span#stickerType_2{ width:600px; margin-bottom:10px;}
#stickerTypes #type_refuse,#stickerTypes #type_yard_waste,#stickerTypes #type_leaves {width:140px; float:left; margin-left: 20px; color:#fff; font-weight:bold; font-size:12px;}

#purchase_stickers_options span#stickerType_price{color:#000000; font-size:12px; line-height:20px; margin-top:40px; *margin-top:10px; margin-left:20px; display:block;}
#purchase_stickers_options span#stickerType_priceTotal{color:#000000; font-size:14px; line-height:18px; margin-top:-30px; margin-left:20px; display:block;}



#stickerTypes select { 
	margin-top:2px;}

#purchase_stickers_options {
	text-align:left;
	width:500px;
	margin:10px 0 0 10px;}

#purchase_stickers {
	width:740px;
	height:308px;
	padding:50px 0 0 20px;
	background:url(/imgs/sticker_bg.jpg) no-repeat top;
	overflow:hidden;
}
input.submit{
	background:#4F7701;
	color:#ffffff;
	border:1px solid #87BC06;
	cursor:pointer;}
	
input.submitover{
	background:#87BC06;
	color:#ffffff;
	border:1px solid #4F7701;
	cursor:pointer;}
	
a.captcha-diff-image {
	text-decoration:none;}
#left_content #privacy{
	position:absolute;
	width:185px;
	top:275px;
	*top:247px;
	left:525px;
	border:1px solid #87BC06;
	padding:10px;
	background:#eee;}
#left_content #quick_question{
	display:none;
	position:absolute;
	width:185px;
	top:130px;
	*top:150px;
	left:575px;}
address:after{}
/*****************Careers Page****************/

#career_box {
	width:759px;
	overflow:hidden;
	}

#career_box_top {
	width:759px;
	height:26px;
	background:url(/imgs/career_top_bg.gif) no-repeat top left;}

#career_box_mid {
	width:709px;
	padding:0 25px;
	background:url(/imgs/careers_mid_bg_slice.gif) repeat-x top left #464646;
	color:#ffffff;}
	
#career_box_mid a{
	padding:10px 15px;
	background:#000;}

#career_box_btm {
	width:759px;
	height:29px;
	background:url(/imgs/career_btm_bg.gif) no-repeat top left;
	}

/*** Safari Browsers only   ***/
@media screen and (-webkit-min-device-pixel-ratio:0){
#lbBottomContainer {margin-top:25px}
#slideInfoZone {height:100px !important;}
.jdGallery .slideInfoZone {height:60px !important}
}