@import url(http://fonts.googleapis.com/css?family=Orienta|Source+Sans+Pro:400,700,700italic,600,600italic,400italic,300,300italic|Duru+Sans|Signika:400,600,700,300);
/*
 * Table of Contents:
 *
 * 1. Default Resets
 * 2. Clearfix
 * 3. Fonts
 * 4. Main Styles
 * 5. Header
 * 6. Menu
 * 7. Front Page
 * 8. Input Images
 * 9. Search Box
 * 10.Left
 * 11.Right
 * 12.One column
 * 13.Footer
 * 14.Forms
 */

/********************************************************
 * 1. Default Resets
 ********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
#wrapper, #header, #banner, #content-wrapper, #content, #front-page, #main, #left,
#right, #footer, #left-narrow, #admin-main {
	display: block;
}
#wrapper, #header, #content-wrapper, #content, #main, #left, #right, #footer,
#right-wide, #admin-main  {
	overflow: hidden;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/********************************************************
 * 2. Clearfix
 ********************************************************/
.clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}
.clearfix {
   display: inline-block;
   display: block;
}
* html .clearfix {
   height: 1%;
}


/********************************************************
 * 3. Fonts
 * font-family: 'Orienta', arial, sans-serif;
 * font-family: 'Source Sans Pro', arial, sans-serif;
 * font-family: 'Duru Sans', arial, sans-serif;
 * font-family: 'Signika', arial, sans-serif;
 ********************************************************/
body {
	font-size: 12px;
	line-height: 17px;
	font-family: 'Source Sans Pro', arial, sans-serif;
	color: #6D6F71;
}
p,h1,h2,h3,h4,h5,h6,ul,ol {
	margin-bottom:.5em
}
a img, img {
	border:none;
	display:block;
}
a {
	text-decoration:none;
	font-weight: bold;
}
a:hover, a:visited, a:active {
	color: #0099CC;
}
a {
	color: #0099CC;
}
a:hover {
	text-decoration:underline;
	color: #67B13D;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color: #636363;
}

h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
h6 {font-size: 14px;}

h1 {
   font-family: 'Duru Sans', arial, sans-serif;
   line-height: 40px;
   color: #434343;
   padding: 0;
   margin: 0;
   text-transform: uppercase;
}
h2 {
	color: #71BF43;
}
h3 {
   font-family: 'Duru Sans', arial, sans-serif;
   color: #434343;
   font-size: 18px;
   font-weight: normal;
   line-height: 24px;
   padding: 0;
   margin: 0;
}
h6 {
	padding: 10px 0 0;
}

p {
   font-size: 14px;
   line-height: 18px;
   color: #636363;
   padding: 10px 0px 0px;
}
p.subscribed {
   padding: 0px 0px 0px;
}
.clear {
   clear: both;
}
strong {
   font-weight: bold;
}
.blue {
   color: #1FA4CB;
}
.green {
   color: #71BF43;
}
.red {
	color: #FF0000;
}
.center {
	text-align: center;
}
.space10 {
	display: block;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;
}
.font14 {
	font-size: 14px;
}
p.no-sub {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}
.colapse {
	display: none;
}

/********************************************************
 * 4. Main Styles
 ********************************************************/
.responsive { display: none !important; visibility: hidden; }
#wrapper {
   width: 940px;
   margin: 0 auto;
   background: #FFFFFF;
}

#content {

}
.clear {
   clear: both;
}
#header {
   padding: 0px 0px 5px 0px;
   height: 120px;
}
#banner{
	width: 338px;
	margin: 0 auto;
	padding-bottom: 0px;
}
#banner-small{
	width: 522px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#main {
   width: 850px;
   padding: 10px 47px 20px;
}
#admin-main {
   width: 940px;
   padding: 10px 0px 20px;
}
#page-title {
	display: block;
	overflow: hidden;
	padding: 10px 20px 20px 20px;
}
#left {
	float: left;
	width: 300px;
}
#left-narrow {
	float: left;
	width: 180px;
}
.item-menu a {
	color: #ffffff;
}
#right {
	float: right;
	width: 530px;
	min-height: 200px;
}
#right-wide {
	float: right;
	width: 730px;
}
#footer {
	height: 50px;
	padding: 20px 40px 0 40px;
	border-top: solid 1px #efefef;
	font-family: 'Source+Sans+Pro:400', arial, sans-serif;
}


/********************************************************
 * 5. Header
 ********************************************************/
#header-left {
	position: relative;
 	display: block;
 	overflow: hidden;
 	width: 120px;
 	float: left;
 	margin: 0;
 	padding: 0;
 	height: 120px;
}
#header-center {
	position: relative;
 	display: block;
 	overflow: hidden;
 	width: 620px;
 	float: left;
 	margin: 0;
 	padding: 0;
 	height: 120px;
}
#header-right {
	position: relative;
	display: block;
 	overflow: hidden;
 	width: 200px;
 	float: left;
 	margin: 0;
 	padding: 0;
 	height: 120px;
}
#logo {
	position: absolute;
	display: block;
	width: 85px;
	height: 97px;
	right: 15px;
	bottom: 0;
}
#header-center-in {
 padding-top: 30px;
 padding-left: 80px;
}
#header-center-in img {
 margin: 0 auto;
}
#header-center-in h1 {
	text-transform: none;
	color: #1FA4CB;
}
#header-center-in h3 {
	font-size: 20px;
	font-weight: bold;
	color: #71BF43;
}
#header-center-in a:hover {
	text-decoration: none;
}
#header-right-in {
	position: absolute;
	display: block;
	text-align: center;
	width: 200px;
	height: 45px;
	bottom: 20px;
	left: 0;
}
#header-right-in a {
	font-size: 14px;
}

#city-text {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #71BF43;
}


 /********************************************************
 * 6. Menu
 ********************************************************/

#main-menu ul {
	margin-bottom:0;
}
#main-menu ul li {
	float: left;
}
#main-menu ul li a {
	float: left;
	display: block;
	color: #636363;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
	padding: 0 18px;
	border-left: 1px solid #696969;
}
#main-menu ul li a.first {
	border-left: none;
}
#main-menu ul li a:hover {
	color: #FF0000;
	font-weight:bold;
}
#main-menu ul {
	list-style: none;
}
#main-menu li {
	padding: 0;
}

.back-button p {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
}


/********************************************************
 * 7. Front Page
 ********************************************************/
#front-page {
	padding-top: 15px;
}
#front-page h2 {
	text-align: center;
	padding-top: 10px;
	color: #1FA4CB;
}
#front-page h2.green {
	color: #71BF43;
}
#category-items {
	display: block;
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
}
.category-items-block {
	display: block;
	overflow: hidden;
	padding-bottom: 10px;
}

#category-items ul li {
	display: block;
	width: 110px;
	height: 130px;
	float: left;
	padding: 0 6px 0 6px;
}
.info {
	overflow: hidden;
	padding: 20px 40px;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #ffeeee;
}
p.front-error {
	font-size: 14px;
	color: #FF0000;
	padding: 2px 10px 2px 10px;
}
p.front-error a {
	font-size: 14px;
}

/********************************************************
 * 8. Input Images
 ********************************************************/

.category-items-block ul li a > div {
	width: 110px;
	height: 110px;
	padding: 0;
	margin: 0;
	border: none;
	cursor: pointer;
}

.paper{background: url('../images/items/paper_blue_110x110.png') no-repeat;}
.plastic{background: url('../images/items/plastic_blue_110x110.png') no-repeat;}
.glass{background: url('../images/items/glass_blue_110x110.png') no-repeat;}
.metal{background: url('../images/items/metal_blue_110x110.png') no-repeat;}
.food{background: url('../images/items/food_blue_110x110.png') no-repeat;}
.yard_trimmings{background: url('../images/items/yard_blue_110x110.png') no-repeat;}
.household{background: url('../images/items/household_blue_110x110.png') no-repeat;}
.other{background: url('../images/items/other_blue_110x110.png') no-repeat;}

/*
.paper:hover{background: url('../images/items/paper_green_110x110.png') no-repeat;}
.plastic:hover{background: url('../images/items/plastic_green_110x110.png') no-repeat;}
.glass:hover{background: url('../images/items/glass_green_110x110.png') no-repeat;}
.metal:hover{background: url('../images/items/metal_green_110x110.png') no-repeat;}
.food:hover{background: url('../images/items/food_green_110x110.png') no-repeat;}
.yard_trimmings:hover{background: url('../images/items/yard_green_110x110.png') no-repeat;}
.household:hover{background: url('../images/items/household_green_110x110.png') no-repeat;}
.other:hover{background: url('../images/items/other_green_110x110.png') no-repeat;}
*/

.thumbnail-icons {
	-moz-transition: all 0.2s ease-in-out 0s;
	border: 0px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none;
	display: block;
	line-height: 20px;
	padding: 0px;
}

.category-items-block .name {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #24A6DD;
}
.name a:hover {
	text-decoration: none;
}

/********************************************************
 * 9. Search Box
 ********************************************************/
.city-search-title {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	color: #1FA4CB;
}
.city-search-title h2.blue {
	color: #1FA4CB;
}
.open-list {
	color: #1FA4CB;
	font-weight: bold;
	font-size: 24px;
}

#item-search, #city-search {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}
#item-search-input {
	display: block;
	float: left;
	width: 265px;
	padding-left: 5px;
}
.button-float {
	float: left;
	width: 130px;
}
#SearchForm input#search {
	margin-top: 0;
}
.button-float .btn {
	font-weight: bold;
	font-size: 16px;
	margin-top: 0;
	padding: 4px 35px 4px;
}
.ui-autocomplete {
	max-height:250px;
	overflow: hidden;
}
#city-list {
	overflow: hidden;
	width: 720px;
	float: right;
	clear: both;
}
.city {
	display: block;
	overflow: hidden;
	float: left;
	width: 180px;
	font-size: 14px;
}


/********************************************************
 * 10. Left
 ********************************************************/
#left-error {
	display: block;
	overflow: hidden;
	float: left;
	width: 120px;
}
#item-list {
	padding: 0 0 0 20px;
}
#item-list h3 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	padding-bottom: 5px;
}
#item-list ul li {
	display: block;
	text-align: left;
	font-size: 18px;
	line-height: 24px;
}
.item-menu h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	padding: 0px 10px 10px 10px;
}


/********************************************************
 * 11. Right
 ********************************************************/
.material-img {
	padding: 0px 10px 20px 10px;
	width: 350px;
	margin: 0 auto;
}
#right-error {
	display: block;
	overflow: hidden;
	float: left;
	width: 640px;
}
.bin-img {
	display: block;
	overflow: hidden;
	padding: 0;
	width: 346px;
	margin: 0 auto;
}
#right-wide .success {
	padding: 10px 20px;
	background: #BAF8BA;
	color: #008500;
	font-weight: bold;
	text-align: center;
}

#right-wide .submit-error {
	padding: 10px 20px;
	background: #FFD1D1;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}
.well li {
	padding: 3px 0px;
}
#uploaded {
	display: block;
	overflow: hidden;
	width: 600px;
	clear: both;
}
#uploaded .uploaded-wrapper {
	display: block;
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
}
.item-name, .bin-name {
	display: block;
	overflow: hidden;
	float: left;
	padding: 3px 10px;
}
.item-name {
	width: 370px;
}
.bin-name {
	width: 180px;
}

/********************************************************
 * 12. One column
 ********************************************************/
#main-single {
	display: block;
	overflow: hidden;
   width: 940px;
   padding: 30px 0px;
}
 .phone {
	text-align: center;
}
 .phone a {
	color: #ffffff;
}
#final-single {
	display: block;
	overflow: hidden;
	width: 680px;
	margin: 0 auto;
   padding: 0 0 0 0;
}
#final-single h2 {
	padding: 0px 10px 20px 10px;
	font-size: 28px;
	line-height: 32px;
	text-align: center;
}
.final-single-text {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 20px 0;
}
.final-single-text h3 {
	text-align: center;
	font-weight: bold;
}
.final-single-text p {
	font-size:18px;
	line-height: 22px;
}
.back-button-final {
	text-align: center;
	font-size: 14px;
	padding-bottom: 5px;
}
.bin-img p {
	text-align: center;
	font-size: 16px;
}
.item-list {
	display: block;
	text-align: left;
	clear: both;
	overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	padding: 5px 0px;
}
.bin-icon {
	display: block;
	float: left;
	width: 33px;
	height: 50px;
}
.bin-link {
	display: block;
	overflow: hidden;
	float: left;
	height: 25px;
	padding-left: 10px;
}
.bin-link-link, .bin-link-name {
	float: left;
}
.bin-link-name {
	display: block;
	padding: 0px 5px;
	line-height: 50px;
}
#other-items-click {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #0099CC;
	cursor: pointer;
}
#other-items-click:hover {
	color: #67B13D;
	text-decoration: underline;
}
#other-items-list {
	display: none;
	float: right;
	overflow: hidden;
	width: 680px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 14px;
}
.item-row {
	display: block;
	float: left;
	overflow: hidden;
	width: 220px;
}

 /********************************************************
 * 13. Footer
 ********************************************************/
/*
font-family: 'Source Sans Pro', arial, sans-serif;
font-family: 'Duru Sans', arial, sans-serif;
font-family: 'Signika', arial, sans-serif;
*/
#have-questions {
	display: block;
	font-size: 14px;
	font-family: 'Source+Sans+Pro:400', arial, sans-serif;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 0px 0px 20px;
}

/********************************************************
 * 14. Forms
 ********************************************************/

div.form
{
}

div.form input, #verticalForm input,
div.form textarea, #verticalForm textarea,
div.form select. #verticalForm select
{
	margin: 0.2em 0 0.5em 0;
}

div.form fieldset, #verticalForm fieldset
{
	border: 0px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label, #verticalForm label
{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
   font-weight: normal;
   line-height: 20px;
}

div.form .row, #verticalForm .row
{
	margin: 5px 0;
}

div.form .hint, #verticalForm .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note, #verticalForm .note
{
	font-style: italic;
}

div.form span.required, #verticalForm span.required
{
	color: #FF0000;
}

div.form div.error label:first-child, #verticalForm div.error label:first-child,
div.form label.error, #verticalForm label.error
div.form span.error, #verticalForm span.error
{
	color: #FF0000;
}

div.form div.error input, #verticalForm div.error input
div.form div.error textarea, #verticalForm div.error textarea
div.form div.error select, div.error select
div.form input.error, #verticalForm input.error
div.form textarea.error, #verticalForm textarea.error
div.form select.error, #verticalForm select.error
{
	background: #FFE6DE;
	border-color: #FF0000;
}

div.form div.success input, #verticalForm div.success input
div.form div.success textarea, #verticalForm div.success textarea
div.form div.success select, #verticalForm div.success select
div.form input.success, #verticalForm input.success
div.form textarea.success, #verticalForm textarea.success
div.form select.success, #verticalForm select.success
{
	background: #F6FEE5;
	border-color: #F2FDDC;
}


div.form .errorSummary, #verticalForm .errorSummary
{
	border: 1px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FFE8E3;
	font-size: 0.9em;
}

div.form .errorMessage, #verticalForm .errorMessage
{
	color: #FF0000;
	font-size: 0.9em;
}

div.form .errorSummary p, #verticalForm .errorSummary p
{
	margin: 0;
	padding: 5px;
	color: #B94A48;
	font-weight: bold;
	font-size: 1.3em;
}

div.form .errorSummary ul, #verticalForm .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.form .errorSummary ul li, #verticalForm .errorSummary ul li
{
	color: #B94A48;
	line-height: 20px;
	font-size: 1.2em;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}
div.form .rememberMe input {
	float: left;
	margin: 9px 5px 5px 0px;
}
div.form .rememberMe label {
	float: left;
}
select {
	width: 224px;
}
.control-group textarea {
	min-width: 400px;
	max-width: 500px !important;
   min-height: 100px;
}
.form-search .input-append,
.form-search .input-prepend {
	margin-right: 5px;
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1C93CC;
  *background-color: #1FA4CB;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#1FA4CB));
  background-image: -webkit-linear-gradient(top, #0088cc, #1FA4CB);
  background-image: -o-linear-gradient(top, #0088cc, #1FA4CB);
  background-image: linear-gradient(to bottom, #0088cc, #1FA4CB);
  background-image: -moz-linear-gradient(top, #0088cc, #1FA4CB);
  background-repeat: repeat-x;
  border-color: #1FA4CB #1FA4CB #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff1FA4CB', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #1FA4CB;
  *background-color: #003bb3;
}
#searchForm .btn {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    padding: 4px 35px;
}
.pagination {
	padding: 0px 2px;
}
.pagination .hidden {
	display: inline!important;
	visibility: visible;
}

.checkbox.inline {
	width: 50px;
}
.checkbox.inline + .checkbox.inline {
	margin-left: 0;
}
.controls .checkbox label {
	padding-top: 0;
}
.city-checkbox {
	display: block;
	float: left;
	overflow: hidden;
	width: 180px;
}
.city-checkbox input, .city-checkbox label {
	float: left;
}
.city-checkbox input {
	margin-right: 10px;
}
.city-checkbox + .city-checkbox {
	margin-left: 0;
}
.controls .city-checkbox label {
	padding-top: 0;
}


table#yw0 {
	margin-bottom: 0;
}
.foreach {
	float: left;
	padding-right: 10px;
}


.topheader {
  background: white;
  width: 100%;
  height: 45px;
  padding-left: 20px;
}

.name a {
  color: black;
}

/**
 * Custom styles
 */
#main #term-match{
    display:none;
    position:absolute;
    width:232px;
    max-height:150px;
    overflow-y:auto;
    margin:-16px 0 0 256px;

    border:1px solid #ccc;
    font-size:11pt;
    background-color:#fff;
}
#main #term-match li{
    padding:4px 6px;
}
#main #term-match li:hover{
    background-color:#666;
    color:#fff;
    cursor: pointer;
}