h1 {
				font-family: sans-serif;
				font-size:24px;
				color:#333333;
			}

			.axis path,
			.axis line {
				fill: none;
				stroke: none;
				shape-rendering: crispEdges;
			}
			
			.axis text {
				font-family: sans-serif;
				font-size: 18px;
				fill:#666666;
			}

			.y.axis path,
			.y.axis line {
				opacity: 0;
			}
			
			.dataexplain {
				width:620px;
				height: 30px;
				padding:10px;
				text-align: right;
			}

			.explaintext {
				font-family: sans-serif;
				font-size:14px;
			}
			#joblist {
				width: 600px;
				height: 50px;
				border: 1px solid #ccc;
				overflow: hidden;
				margin-left:20px;
			}

@media only screen and (max-width: 639px) {
	#joblist {
		width:100%;
		height:30px;
		margin-left:0;
	}	

	.lists {
		width:100%;
	}

	.canvas {
		width:100%;
	}
	
	h1 {
		font-size:1.2em;
	}
	.dataexplain {
				width:95%;
				height: 40px;
				padding:10px 20px 10px 10px;
				text-align: right;
			}

			.explaintext {
				font-family: sans-serif;
				font-size:0.8em;
			}


}