*{
	margin:0;
	padding:0;
}

body{
	font-family:'Open Sans',sans-serif;
	font-size:12px;
	background-color:#e6e6e6;
}

.wrapper{
	width:700px;
	border:1px solid #ccc;
	border-radius:4px;
	padding:15px;
    margin-top: 20px;
    margin-left: 20px;
    background-color: #fff;
    box-shadow: 3px 3px 3px #6e6e6e;
}

.graph-table{
	border:2px solid #ccc;
	border-radius:4px;
	padding:5px 10px;
}

.title{
	text-align:center;
}

.title h1{
	font-size:18px;
}

.title h2{
	font-size:14px;
}

.chart-area{
	width:100%;
	height:289px;
}

.left-side{
	width:420px;
	height:260px;
	float:left;
}

.right-side{
	width:210px;
	height:260px;
	float:right;
}

.right-side ul{
	list-style-type: none;
	line-height: 20px;
	margin-top:20px;
}

.box{
	width:9px;
	height:9px;
	margin-top:6px;
	margin-right:9px;
	float:left;
}

#legend1{
	background-color: rgba(11,50,89,1);	
}

#legend2{
	background-color: rgba(15,72,127,1);	
}

#legend3{
	background-color: rgba(52,109,164,1);	
}

#legend4{
	background-color: rgba(88,145,200,1);	
}

#legend5{
	background-color: rgba(124,181,236,1);	
}

#legend6{
	background-color: rgba(160,217,255,1);	
}

#legend7{
	background-color: rgba(196,253,255,1);	
}

.bottom-links{
	width:100%;
	height:20px;
}

#graph-link,#table-link{
	text-decoration: underline;
}

#graph-link:hover,#table-link:hover{
	color:rgba(124,181,236,1);
	cursor: pointer;
}

#graph-link.active,#table-link.active{
	font-weight:bold;
	text-decoration: none;
}

#data-table{
	border: 2px solid #E6E6E6;
	border-spacing: 0;
	border-radius:4px;
	text-align: center;
	margin:13px auto 10px;
}

#data-table td {
	border:1px solid #E6E6E6; 
	padding:5px 10px; 
}

#data-table thead td {
	background-color: #F9F9F9;
	font-weight: 700; 
}

#data-table td:FIRST-CHILD {
	text-align: left;
	font-weight:700;
	color:#4D86BD;
}

#powered h2,#estimates h2,#assumptions h2{
	font-size:14px;
}

#estimates,#assumptions{
	float:left;
	margin-right:40px;
}

#powered{
	float:right;
}

#footer{
	padding:15px 50px;
	height:60px;
}

#footer select{
	font-family:"Open Sans",sans-serif;
	font-size:12px;
}

#footer input{
	font-family:"Open Sans",sans-serif;
	font-size:12px;
	border:0;
	padding:0;
}

#footer input:focus{
	border:1px solid rgba(124,181,236,1);
	padding:0 5px;
	text-decoration: none;
}

#financing{
	width:40px;
	text-decoration: underline;
}

#startmileage,#yearmileage{
	text-decoration: underline;
}

#ylabel{
	position:absolute;
	z-index:10;
	text-align:center;
	width:320px;
	-webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotate(-90deg) ;
    -ms-transform: rotate(-90deg); 
	transform: rotate(-90deg);
}

#bar-chart{
	margin-left:30px;
}

#pielabel{
	width:100px;
	text-align:center;
}

/*fix for pie chart tooltips*/
#canvas-holder {
        width: 100%;
        text-align: left;
    }
#chartjs-tooltip {
        opacity: 1;
        position: fixed;
        background: rgba(0, 0, 0, .7);
        color: white;
        padding: 0px 2px;
        border-radius: 3px;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        pointer-events: none;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #chartjs-tooltip.below {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    #chartjs-tooltip.below:before {
        border: solid;
        border-color: #111 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 0 8px 8px 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, -60%);
        transform: translate(-50%, -60%);
    }
    #chartjs-tooltip.above {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
    #chartjs-tooltip.above:before {
        border: solid;
        border-color: #111 transparent;
        border-color: rgba(0, 0, 0, .8) transparent;
        border-width: 8px 8px 0 8px;
        bottom: 1em;
        content: "";
        display: block;
        left: 50%;
        top: 100%;
        position: absolute;
        z-index: 99;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
/*end of fix for tooltips*/