
#linegraph-wrapper{
	width:1100px;
	height:400px;
	display:block;
	background-color: white;
	border:1px solid gray;
	margin-top:100px;
	margin-left:130px;
	border-radius:10px;
}
.linechart-bg{
	margin:20px;
	margin-top:55px;

}
/*y-axis-class contains y-axis marking and vertical block*/
.linegraph-y-axis{
	margin:0;
	height:310px;
	margin-left: 20px;
}
/*every li creates one vertical block.Right now you have Ten blocks*/
.linegraph-y-axis li{
	list-style-type: none;
	font-family: Cambria;
	border-top:1px solid #e0dfde;
	height:29px; /*important while adjusting bar height */
}
/*some blocks are dark gray than other*/
.linegraph-gray{
background-color:#f4f4f4;
}
/*For Last dark grey base on which every bar stands*/
#linegraph-last{
	background-color:#c9c9c7;
	height:11px; /*important while adjusting bar height */
	margin-left:-3px;
	margin-right:2px;
	transform: skew(-30deg,0deg);
-ms-transform: skew(-30deg,0deg); /* IE 9 */
-webkit-transform: skew(-30deg,0deg); /* Safari and Chrome */
}
/*adjusting marking "0" in line with base*/
#linegraph-label-last{
	margin-top: -22px;
}
/*y-axis marking*/
.linegraph-label-y{
	font-family: Cambria;
	position:absolute;
	margin-left:-62px;
	margin-top: -42px;
}
.linegraph-x-axis{
	margin-top: -10px;
	
}
/*x-axis marking*/
.linegraph-x-axis li{
	list-style-type: none;
	display:inline-block;
	font-family: Cambria;
	position: absolute;
	text-align: center;
	width:80px;
}
/*label*/
.linegraph-label{
	margin-left: 540px;
	font-family: cambria;
	font-weight: bold;
	font-style:italic;
}
.linegraph-tip{
	position:absolute;
	font:bold italic 20px cambria;
	margin-top:-10px;
	margin-left:-10px;
	pointer-events:none;
	opacity:0;
}
#linechart{
position: absolute;
}
.linegraph-dot1{
    width: 8px;
    height: 8px;
    border:1px solid black;
    border-radius:25px;
    position: absolute;
    z-index:1;
    opacity:0;
}
.linegraph-dot2{
    width: 8px;
    height: 8px;
    border:1px solid black;
    border-radius:25px;
    position: absolute;
    z-index:1;
    opacity:0;
}
.linegraph-dot3{
    width: 8px;
    height: 8px;
    border:1px solid black;
    border-radius:25px;
    position: absolute;
    z-index:1;
    opacity:0;
}
