body {
	background: #312908 url(../images/bodyBack1.gif);  /* Graphic by grundkonzept.de */
	background-attachment: fixed;
	text-align: center;
	font-size: 11px;
	font-family: arial,verdana, sans-serif;
	margin: 0;
	padding: 0;
	}
	

#main {
  margin: 0px auto;
	width: 750px;
	border-top: 0px #556b2f solid;
	border-right: 0px #ccc solid;
	position: relative;
  background: #b8d4ab;
	}
	
	
#header {
	background: #b8d4ab;
	height: 160px;
	border-bottom: 2px #666 solid;
	float: left;
	}
	
	#header h4{
			position: absolute;
			right: 45px;
			top: 0px;
			font-size: 11px;
			font-weight: bold;
			}
	
	#header img {
			 margin-top: 20px;
				float: left;
				}
				
	
#tNavBar {
	float: left;
	border: 0px #000 solid;
	width: 750px;
	height: 28px;
	background: url(../images/tNavBack.gif) no-repeat;
	}
	
	#tNavBar ul {
		float: left;
		list-style-type: none;
		margin: 7px 0px 0px 10px;
		padding: 0;
		}
		
	 #tNavBar li {
		float: left;
		margin: 0px 18px 0px 0px;
		}
	
		#tNavBar ul#nav li a:visited, #tNavBar ul#nav li a:link {
			color: #000;
			font-weight: bold;
			}
	
		#tNavBar ul#nav li a:hover {
			color: #006600;
			text-decoration: underline;
			}
	
#items {
	float: right;
	border: 0px #000 solid;
	background: transparent;
	padding: 10px;
	text-align: left;
	margin: -10px 0px 0px 0px
	}
	
	#content #items p {
			width: 150px;
			margin: 0px 0px 15px 0px;
			background: transparent;
			font-size: 9px;
			}
			
				body>#main>#content>#items ul {
							margin-left: -10px;
							}
							
	#items ul {
			margin: 0px 0px 0px 30px;
			padding: 0px 0px 0px 35px;
			color: #0e2112;    #005766;
			line-height: 16px;
			
			}

#content {
	float: left;
	padding: 0;
	margin:0px 0px 0px 0px;
	border: 0px #000 solid;
	width: 750px;
	text-align: left;
	background:#f5fff7 url(../images/rightNavBack.jpg) top right repeat-y;
	position: relative;
	}
	
#contentAdmin {
	float: left;
	padding: 0px 0px 0px 25px;
	margin:0px 0px 0px 0px;
	border: 0px #000 solid;
	width: 725px;
	text-align: left;
	background:#f5fff7 url(../images/rightNavBack.jpg) top right repeat-y;
	position: relative;
	}
	
	
#content.tool{
	background: #f5fff7 url(../images/appHeaderBack.jpg) 0px -10px repeat-x;
	border: 0px #000 solid;
	width: 749px;
	padding: 0;
	}


img#pickup {
	position: absolute;
	right: 95px;
	bottom: 0px;
	}
	
img#cTrash {
	position: absolute;
  left: 0px;
	bottom: 0px;
	}
	
img#logo {
	float: left;
	margin: 30px 0px 20px 25px;
	}
	
ul#tools {
	list-style-type: none;
	float: left;
	width: 500px;
	margin: 20px 0px 20px 0px;
	}
		
ul#tools li {
	margin: 6px 0px 10px 235px;
	height: 55px;
	float: left;
	}		
	
	body>#main>#content>ul#tools li {
	margin: 6px 0px 10px 225px;
	}		
	
	 ul#tools li#price {
	 			background: #f5fff7 url(../images/priceButton.jpg) no-repeat;
				}
				
		ul#tools li#schedule {
	 			background: #f5fff7 url(../images/scheduleButton.jpg) no-repeat;
				}
				
		 ul#tools li#notice {
		 			padding-top: 10px;
					padding-left: 35px;
					width: 235px;
					}
					
#bbb {
		margin-top: -10px;
		margin-left: 320px;
		}
		
		
#allCC {
		margin-top: 30px;
		margin-left: 200px;
		}
		
#content p.intro {
	font-size: 13px;
	line-height: 20px;
	color: #000; 
	margin: 0px 65px 20px 30px;
	text-align: left;
	border: 0px #ccc solid;
	font-family: arial, verdana, sans-serif;
	float: left;
	max-width: 470px;
	}	

#content p.intro strong {
		margin: 20px 0px -15px 45px;
		display: block;
		font-size: 15px;
		font-weight: bold;
		}
	
	#content p.intro strong a {
			font-size: 13px;
			}
			
	#content p.intro a {
				font-size: 13px;
				}
				
#content h1, h1 {
	font-size: 18px;
	letter-spacing: 0px;
	margin: 30px 0px 5px 30px;
	float: left;
	width: 500px;
	padding: 0;
	font-family: tahoma, arial, sans-serif;
	}
	
	#content h3.home {
			margin: 25px 0px 0px 35px;
			color: #660000;
			float: left;
			}	
				
#sub {
	background: #fff;
	float: left;
	margin: -5px 0px 0px 40px;
	padding: 0;
	width: 470px;
	}
	
#content p.descriptors {
	font-size: 10px;
	line-height: 15px;
	color: #777;
	margin: 5px 5px 0px 5px;
	padding-bottom: 10px;
	float: left;
	text-align: left;
	}	
	
p.copy {
		margin-left: 50px;
		}
		
#footer {
		background: #003201;
		font-size: 11px;
		color: #f3f3f3;
		float: left;
		width: 750px;
		height: 35px;
		
		}

#footer ul {
		float: left;
		list-style-type: none;
		margin: 0px;
		padding: 10px;}
	
#footer li {
		float: left;
		margin: 0px 15px 0px 0px;
		}
		
ul#nav a:link, ul#nav a:visited {
		color: #94A782;
		text-decoration: none;
		}

ul#nav a:hover {
		color: #fff;
		}
		
ul#nav li.contact {
		margin-right: 0;
		margin-left: 25px;
		color: #fff;
		}
		
		ul#nav li.contact a:link {
				color: #fff;
				text-decoration: underline;
				}
				
ul#nav li.current {
			background: yellow;
			}
			
				
blockquote {
			padding: 0;
			margin: 0px 0px 0px 50px;
			color: #111;
			line-height: 17px;
			}
			
			blockquote ul {
					margin-top: 8px;
					color: #345a3f;
					}
			
			blockquote#faqs {
					margin: 5px 230px 20px 25px;
					border-bottom: 1px #ccc solid;
					font-size: 12px;
					line-height: 21px;
					}
			
blockquote.regulatory {
		margin: 0px 0px 0px 60px;
		}
	
a:link, a:visited {
			color: #808000
			}
a:hover {
			color: #990033;
			}	
	
.left {
		float: left;
	  }
	
.right {
		float: right;
		}
		
.pullQuote {
		width: 120px;
		margin: 0px 45px 25px 25px;
		background: #f3f3f3;
		border: 1px #ccc solid;
		padding: 15px;
		}
	
	
	
h2{
	font-family: arial, verdana, sans-serif;
	font-size: 21px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 30px 25px 4px 12px;
  float: left;
	width: 450px;
	}		
		h2 em {
				font-size: 15px;
				font-style: normal;
				margin-left: 10px;
				color: #339999
				}
				
		body>#main>#content>h2 {
						margin: 30px 25px 8px 22px;
						}
		h3.service {
				margin: 20px 30px 0px 25px;
				padding: 5px 0px 0px 35px;
				height: 40px;
				background: url(../images/servicesIcon.jpg) 0 0 no-repeat;
				}
				
		 h3.titler {
		 		color: #660000;
				margin-top: 40px;
				margin-left: 80px;
				font-size: 13px;
				}
				
h3 {
	font-size: 12px;
	margin: 20px 30px 0px 20px;
	color: #000;
	}
	
	h3.error {
			float: left;
			font-size: 13px;
			color: #990033;
			margin: 15px 0px 0px 40px;
			}
			
h5 {
	font-size: 11px;
	margin: 20px 30px 0px 25px;
	color: #000;

	font-weight: bold;
	}
	
p {
	
	font-size: 11px;
	margin: 3px 220px 0px 25px;
	color: #111;
	line-height: 16px;
	font-family: verdana, arial;
	}
	
	p.service {
		margin: -22px 230px 0 60px;
	}
	
p.info {
			margin-left: 120px;
			background: url(../images/pdf.gif) no-repeat;
			padding-left: 30px;
				}
			
p.pIntro {
		font-size: 13px;
		line-height: 19px;
		margin-bottom: 10px;
		font-family: arial, verdana, sans-serif;
		color: #111;
		}
	
	p.indicate strong {
			color: #990033;
			float: left;
			display: block;
			margin: 0px !important;
			padding: 0px !important;
			}
div.sidebarL {
		background: #dcdcdc;
		float: left;
		width: 130px;
		margin: 25px 15px 0px 15px;
		padding: 15px;
		}
		
		.sidebarL p {
				float: left;
				margin: 0px 0px 10px 0px;
				color: #006666;
				}
				
			

.row {
		float: left;
		border-bottom: 1px #eee solid;
		width: 400px;
		padding: 5px;
		}
		
.row span {
		float: left;
		width: 200px;
		}
		
		
span.extended {
		height: 150px;
		}
		

		
hr {
	float: left;
	width: 480px;
	margin: 25px;}
	
	
table#itemList {
		margin: 0px 0px 20px 40px;
		border: 1px #ccc solid;
		width: 450px;
		font-size: 11px;
		background: #f3e6da;
		float: left;
		}
		
		#itemList td {
				border-bottom: 1px #ccc solid;
				}
				
		#itemList td.category {
				background: #ccc;
				}
		#itemList td.type {
				width: 355px;
				}
				
		#itemList tr.header {
				font-weight: bold;
				background: #51795f;
				text-align: left;
				}
		
		
#callUs {
			width: 350px;
			background: #dcdcdc;
			border: 1px #333333 solid;
			padding: 15px 15px;
			margin: 0px 15px 35px 70px;
			float: left;
			}
			
body>#main>#content>#callUs {
			float: left;
			margin: 0px 15px 35px 60px;
			}
			
			
			
/*-----------Pickup Tool--------------------*/

#appContent {
		margin: 0;
		padding: 0px 0px 15px 0px;
		
		}
		
#appContent h2 {
		margin: 3px 0px 0px 0px;
		padding: 11px 0px 0px 15px;
		letter-spacing: 0;
		color: #000;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		width: 735px;
		background:  #d5f3de;
		float: left;
		}
		
#appContent p.intro {
		background: #d5f3de;
		font-size: 11px;
		line-height: 16px;
		font-family: verdana, arial, sans-serif;
		margin: 0px 0px 0px 0px;
		padding: 4px 15px 25px 15px;
		float: left;
		color: #111;
		width: 720px !important;
		max-width: 720px;
		}
		
		#appContent p.intro strong {
			margin: 10px 0px 5px 0px;
			display: block;
			float: left;
			clear: both;
			font-size: 16px;
			font-weight: bold;
					}
					
					
		#appContent p.intro span.demo {
				color: #990033;
				}
				
#appContent form {
		margin: 15px 0px 20px 60px;
		width: 610px;
		background: #f3e6da;
		border: 1px #003300 solid;
		float:left
		}
		
		#appContent form div.row {
				width: 600px;
				padding: 6px 0px 8px 10px;
						}
				
				#appContent form div.row em {
					font-size: 9px;
					font-family: verdana, sans-serif;
					font-style: normal;
					margin-left: 60px;
					}
				
			
form div.row span {
						width: 350px;
						border: 0px #000 solid;
						font-weight: bold;
						font-size: 10px;
						font-family: verdana, sans-serif;
						}
						
form div.header {
					background: #72938E;
					position: relative;
					} 
					
form div.alt {
					font-weight: bold;
					color: #e0feff;
					background: #006666;
					}
							
form div.component {
							background: #BADDD7;
							}
							
							
form div.header em {
							position: absolute;
							right: 10px;
							top: 7px;
							}
							
form div.print {
					font-size: 14px;
					text-align: center;
					font-weight: bold;
					}
					
form div.buttons {
					padding: 15px 0px 20px 170px !important;
					width: 440px !important;
					background: #B5B292;
					}
					
form div.buttons input {
					border: 2px #648580 solid;
					}
					
form#pickup input.text {
			width: 230px !important;
			float: left;
			}		
	
			 form#invoice input.text {
			 			width: 120px;
						float: left;
						}
						
		
form#pickup select.citySelect {
			width: 235px;
			border: 1px #ccc solid;
			}
			
form#pickup textarea {
			width: 230px;
			height: 160px;
			}
			
form#pickup input.weight {
			width: 40px;
			}
			
			
			 			
div.faq {
		font-size: 12px;
		line-height: 16px;
		margin: 0px 230px 10px 25px;
		padding: 10px 0px 15px 0px;
		border-bottom: 1px #f0e68c dotted;
		}
		
div.faq span {
		font-weight: bold;
		display: block;
		}
		
		
		
/*---------The Recyclimator-----------------------------*/


#appContent form#loginForm {
			border: 1px #333333 solid;
			margin: 40px 20px 30px 40px;
			}
			
#appContent form#recyclimator {
			border: 1px #333333 solid;
			position: relative;
			}
			
#appContent form#recyclimator div.row{
		border-bottom: 1px #aaa solid;
		}
		
#appContent form#recyclimator div.component {
		background: #BADDCA;
		position: relative;
		color: #000300;
		font-size: 10px;
		font-weight: bold;
		font-family: verdana, sans-serif;
		}
		
		#appContent form#recyclimator div.component em {
					padding-right: 23px;
					position: absolute;
					right: 10px;
					top: 5px;
					height: 16px;
					background: url('../images/cog_add.png') right no-repeat;
					
					}
					
#appContent form#recyclimator div.org {
		background: transparent;

		}
		
		
#appContent form#recyclimator div.row span, #appContent form#recyclimator div.row span {
		float: left;
		margin: 0px 0px 0	px 0px;
		padding: 1px 0px 1px 15px;
		width: 115px;
		height: 35px;
		font-size: 9px;
		color: #696969;
		text-align: center;
		}
	
#appContent form#recyclimator div.row span.hdd {
			text-align: left;
			width: 185px;
			float: left;
			padding: 1px 0px 1px 15px;
			}
			
#appContent form#recyclimator div.row span select {
		margin: 2px 0px 0px 0px;
		font-size: 9px;
		width: 175px;
		border: 1px #000 solid;
		}
		
		#appContent form#recyclimator div.row span.org {
				height: 60px;
				text-align: left;
				}
				
				
#appContent form#recyclimator div.row span.component {
		width: 185px;
		}
		
#appContent form#recyclimator div.row span input {
		width: 100px;
		font-size: 9px;
		height: 12px;
		margin-top: 2px;
		}
		
		#appContent form#recyclimator div.row span input.quantity {
				text-align: center;
				width: 50px;
				}
				
				
		#appContent form#recyclimator div.row span input.weight {
				border: 2px #ccc solid;
				background: #ccc;
				text-align: center;
				color: #696969;
				}
		
		#appContent form#recyclimator div.row span input.cost {
				border: 2px #ccc solid;
				background: #ccc;
				color: #cc0000;
				font-size: 10px;
				}
				
				
			
			
#appContent form#recyclimator div.total {
		background: #ccc;
		border-bottom: 0;
		padding: 3px 0px 5px 10px;
		line-height: 19px;
		position: relative;
		border: 0px #000 solid;
		}
		
		#appContent form#recyclimator div.total em {
			float: left;
			position: absolute;
			top: 5px;
			left: -20px;
			}
		#appContent form#recyclimator div.total span.label {
			margin-left: 319px;
			height: 15px;
			text-align: right;
			margin-right: 25px;	
			}
			
		#appContent form#recyclimator div.total input {
				border: 2px #ccc solid;
				color: #696969;
				background: #dcdcdc;
				height: 18px;
				width: 105px;
				text-align: center;
				}
			
		#appContent form#recyclimator #estimatedCost {
				color: #cc0000;
				font-weight: bold;
				}
				
#appContent form#recyclimator div.estimator {
			padding-left: 145px !important;
			width: 465px !important;
			}
					
			
#appContent form#recyclimator a#ancr {
			color: #0000ff;
			}
			
	#ccCards {
				margin: 15px 0px  15px 60px;
				}
				
				
				
/*-------------Admin  App----------------------*/

ul.application {
		padding: 0px 0px 25px 10px;
		width: 500px;
		margin: 0px 0px 25px 0px;
		float: left;
		border: 0px #000 solid;
		}
ul.application li {
		list-style-type: none;
		float: left;
		text-align: center;
		margin: 10px;
		font-weight: bold;
		border: 1px #333333 solid;
		background: #ccc;
		width: 220px;
		text-transform: uppercase;
		}

ul.application li a:link, ul.application li a:visited {
		padding: 5px;
		float: left;
		margin: 0;
		text-align: center;
		width: 210px;
		text-decoration: none;
		color:#333333;
		}
		
ul.application li a:hover {
		background: yellow;
		}
		
ul.application li.alt {
		width: 500px;
		border: 0;
		background: transparent;
		text-align: left;
		margin: 0;
		padding: 0;
		border-bottom: 1px #ccc solid;
		}
		
ul.application li.blank {
		list-style-type: none;
		float: left;
		text-align: center;
		margin: 10px;
		font-weight: bold;
		border: 0px #333333 solid;
		background: transparent;
		width: 220px;
		text-transform: uppercase;
		}
		
#contentAdmin form {
		margin-top: 10px;
		margin-bottom: 25px;
		margin-left: 10px;
		padding: 10px;
		float: left;
		width: 475px;
		border: 1px #ccc solid;
		
		}
			
		
#contentAdmin form div.row span {
					width: 155px !important;
			}
			
			
#workflowTable {
		width: 475px;
		border: 1px #ccc solid;
	  float: left;
		margin: 10px 0px 15px 0px;
		}
		
		#workflowTable tr.top{
					background: #ccc;
					text-align: center;
					width: 465px;
					}
					
					 #workflowTable tr.top td.lot {
					 	margin: 0 important;
					 	padding: 0 important;
					 	width: 95px;
					 	float: left;
					 	border: 0px #000 solid;
					 	}
					
					
		#workflowTable tr.row td {
				background:#f3f3f3;
				}
							
		#workflowTable td.lot {
					width: 75px;
					float: left;
					text-align: center;
					
					}
					
		#workflowTable td.company{
					width: 260px;
				}	
				
		#workflowTable td.update, #workflowTable td.step {
				text-align: center;
				}
				
				
/*------------------InvoiceForm-----------------*/
#contentAdmin form#invoice {
			background: #DEE8E3;
			margin: 10px 10px 0px 0px;
			}
			
#contentAdmin form#invoice, #contentAdmin form#invoice div.row {
				width: 480px;
				}
				
				#contentAdmin form#invoice div#customerLookup {		
						display: none;
						}
				
		form#invoice input.text{
				width: 300px !important;
				}
				
		#contentAdmin form#invoice div.widget {
				border-bottom: 0;
				}
	
#contentAdmin form input.lotDescription {
			width: 415px;
			font-size: 9px;
			margin-top: 3px;
			}

#contentAdmin div.header {		
			color: #990033;
			background: #99cccc;
			width: 460px;
			}
			
	
input.price {
		float: right;
		width: 55px;
		}
		
		#contentAdmin div.lot {
					margin: 8px 0px 15px 0px;
					padding: 0;
					float: left;
					width: 480px;
					} 
				div.lot div.header {
						background: #ccc !important;
						width: 489px !important;
						}
					
				div.lot div.header, div.lot div.row {
					padding: 0 0 0 0;
					float: left;
					width: 490px;
					margin: 0;
					}
				
			div.lotRow {		
					border-bottom: 1px #ccc solid;
					border-left: 1px #ccc solid;
					border-right: 1px #ccc solid;
					float: left;
					width: 487px;
					margin: 0;
					padding-left: 3px;
					padding-bottom: 3px;
					background: #d3d3d3;
					}
					
					div.lotRow code {
							position: absolute;
							right: 10px;
							top: 0px;
							}
							
			div.subheader {	
					background: #dcdcdc;
					border-bottom: 1px #bbb solid;
					width: 485px;
					color: #333;
					padding-bottom: 0; !important;
					}
					
		  div.lotBase {
					border-top: 1px #bbb solid;
					background: #dcdcdc;
					color: #333;
					padding-top: 3px;
					padding-bottom: 3px;
					}
					
					div.subheader span {
							border-right: 0px #696969 solid;
							}
							
			    span.t {
							float: left;
							width: 125px;
							}
					span.d {
							float: left;
							width: 169px;
							padding-left: 5px;
							}
					
					span.q {
							float: left;
							width: 59px;
							}
							
					span.cnd {
							float: left;
							width: 79px;
							}	
						
					span.w {
							float: left;
							width: 40px;
							}
							
					span.wx {
							float: right;
							width: 40px;
							}
					span.q, span.cnd, span.w {
							text-align: center;
							}
							
					
					span.t select.cSelector, span.d input, span.q input, span.cnd select,span.w input {
							font-size: 10px;
							margin-top: 3px;
							text-align: left;
							float: left;
							}
							
							span.d input {
									width: 160px;
									}
									
							span.q input {
									margin-left: 3px;
									width: 45px;
									}	
								
						  span.cnd select {
									margin-left: 3px;
									}
										
							span.w input {
									width: 35px;
									margin-left:5px;
								}
								
					span.inclusive, span.requestdate, span.pickupdate {
							padding-left: 4px;
							padding-right: 6px;
							}			
							
					span.inclusive input, span.requestdate input, span.pickupdate input {
								width: 70px;
								font-size: 10px;
								}
								
					span.authorization input{
								margin-top: 3px;
								font-size: 10px;
								width: 207px;
								}
								
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: transparent; 
width: 563px; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}