@charset "utf-8";
/* CSS Document */

/*
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);	
*/

#example{
	width:600px;
	height:10px;
	background:#303030;
	margin-top:2px;
}

#skills{
	width:650px;
	margin:30px 0;
	/*overflow:hidden;*/
}

#rows{
	padding: 10px 2px;
	background:url(grid.png) repeat left bottom;
	display:inline-block;
}

#left_label{
	display:block;
	width:15px;
	height:400px;
	background:url(age_of_project.png) no-repeat center;
	display:inline-block;
	margin-right:2px;
}

#bottom_label{
	display:block;
	width:600px;
	height:15px;
	background:url(size_of_project.png) no-repeat center;
	margin-top:2px;
}

.row{
	width:600px;
	position:relative;
	height:10px;
	margin-top:8px;
	white-space: nowrap;
}

.row_t{
	height:100%;
	display:inline-block;
	/*float:left;*/
}

.row_b{
	height:100%;
	display:inline-block;
	/*float:left;*/
}

.seg{
	height:100%;
	display:block;
	float:left;
}

.label{
	position:relative;
	height:100%;
	font-size:0.75em;
	margin-left: 5px;
	color:#808080;
	display:inline-block;
	top:-2px;
	/*float:left;*/
}

.key_label{
	font-size:0.75em;
	margin-left: 5px;
	color:#808080;
	display:inline-block;
	top:-2px;
}

#keys{
	width:600px;
	margin-top:20px;
	margin-left:15px;
	overflow:auto;
}

.key{
	width:20%;
	float:left;
}

.keyBox{
	width:10px;
	height:10px;
	display:inline-block;
}

.seg0{
	background:#000000;
}

.seg1{
	background:#1f77b4;
}

.seg2{
	background:#aec7e8;
}

.seg3{
	background:#ff7f0e;
}

.seg4{
	background:#ffbb78;
}

.seg5{
	background:#2ca02c;
}

.seg6{
	background:#98df8a;
}

.seg7{
	background:#d62728;
}

.seg8{
	background:#ff9896;
}

.seg9{
	background:#9467bd;
}

.seg10{
	background:#c5b0d5;
}

.seg11{
	background:#8c564b;
}

.seg12{
	background:#c49c94;
}

.seg13{
	background:#e377c2;
}

.seg14{
	background:#f7b6d2;
}

.seg15{
	background:#7f7f7f;
}

.seg16{
	background:#c7c7c7;
}

.seg17{
	background:#bcbd22;
}

.seg18{
	background:#dbdb8d;
}

.seg19{
	background:#17becf;
}

.seg20{
	background:#9edae5;
}

.seg21{
	background:#ff0000;
}

.seg22{
	background:#00ff00;
}

.seg23{
	background:#0000ff;
}

.seg24{
	background:#ffff00;
}

.seg25{
	background:#00ffff;
}

.seg26{
	background:#ff00ff;
}

.seg27{
	background:#333333;
}

.seg28{
	background:#666666;
}

.seg29{
	background:#999999;
}

.seg30{
	background:#bbbbbb;
}

.seg31{
	background:#880000;
}

.seg32{
	background:#008800;
}

.seg33{
	background:#000088;
}