﻿.thermocontainer {
			width:260px;
			float:right;
			background-color:#f1f1f1;
			border:1px solid #ccc;
			height:300px;
		}
		
		#thermometer {
			width:70px;
			height:280px;
			position: relative;
            top:-10px;
			margin-left:10px;
			margin-right:20px;
			background: #ddd;
			border:1px solid #aaa;
			-webkit-border-radius: 12px;
			   -moz-border-radius: 12px;
				-ms-border-radius: 12px;
				 -o-border-radius: 12px;
					border-radius: 12px;
		
			-webkit-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
			   -moz-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
				-ms-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
				 -o-box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
					box-shadow: 1px 1px 4px #999, 5px 0 20px #999;
		}
		
		.thermoTitle{
			color:#055da5; 
			text-align:center; 
			margin-bottom:-60px;
			padding-left:80px;}
		
		#thermometer .track {
			height:260px;
			top:10px;
			width:20px;
			border: 1px solid #aaa;
			position: relative;
			margin:0 auto;
			background: rgb(255,255,255);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(1%,rgb(255,255,255)));
			background: -webkit-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
			background:      -o-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
			background:     -ms-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
			background:    -moz-linear-gradient(top, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
			background:   linear-gradient(to bottom, rgb(0,0,0) 0%,rgb(255,255,255) 10%);
			background-position: 0 -1px;
			background-size: 100% 5%;
		}
		
		#thermometer .progress {
			height:0%;
			width:100%;
			background: #88a756;
			background: #88a756;
			position: absolute;
			bottom:-20px;
			left:0;
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
				-ms-border-radius: 0;
				 -o-border-radius: 0;
					border-radius: 0;
		}
		
		#thermometer .goal {
			position:absolute;
			top:30px;
		}
		
		#thermometer .amount {
			display: inline-block;
			padding:90px 5px 0 50px;
			font-family: Trebuchet MS;
			font-weight: bold;
			color:#055da5;
			font-size:20px;
		}
		
		#thermometer .progress .amount {
			padding:0 0px 0 0px;
			display: inline-block;
			color:#055da5;
			font-size:20px;
		}
		
		#thermometer .showAmount {
			padding:0 0px 0 40px;
			display: inline-block;
			font-family: Trebuchet MS;
			font-weight: bold;
			color:#055da5;
			font-size:20px;
			position:absolute;
			bottom:10px;
			left:10px;
		}
		
		h3.goalheader{
			float:right; 
			margin:80px 70px 0 0; 
			color:#055da5;
            font-size:18px;	
            font-weight: bold;	
		}
		
		h3.amountheader{
			float:right; 
			margin:70px 10px 0 0; 
			color:#055da5;
			font-size:17px;	
            font-weight: bold;	
		}