.fractionbars
	{
		
	}
	
	.fractionbars.static
	{
		pointer-events:none;
	}
	
	.fractionbars .inventory
	{
		margin-right:10px;
		display:inline-block;
	}
	
	.fractionbars .inventory br
	{
		line-height:0px;
	}
	
	.fractionbars .column
	{
		width:450px;
		display:inline-block;
		
		vertical-align:top;
	}
	
	.fractionbars .reset-button
	{
		float:right;
		
	}
	
	.fractionbars .workspace
	{
		background-image:url('../../../bin/img/clear-striped-texture.png');
		background-color:#eee;
		border-radius:2px;
		border:1px solid #ccc;
		border-top-width:2px;
		margin-bottom:5px;
		
	}
	
	.fractionbars .workspace .row
	{
		height:45px;
		white-space:nowrap;
	}
	
	.fractionbars .fractionbar
	{
		background-color:teal;
		display:inline-block;
		padding:5px 0px;
		border-radius:2px;
		cursor:pointer;
		box-shadow:inset 1px 1px rgba(255,255,255,0.2), inset -1px -1px rgba(0,0,0,0.2);
		vertical-align:top;
		text-align:center;
	}
	
	
	.fractionbars .fractionbar .fraction
	{
		width:15px;
		margin:auto;
		text-align:center;
		line-height:15px;
		font-size:12px;
	}
	
	.fractionbars .fractionbar .fraction hr
	{
		margin:0px;
		border:none;
		background-color:black;
		height:1px;
	}
	
	.fractionbars .fractionbar.f1 .fraction
	{ 
		padding:8px 0px;
		font-size:15px;
	}
	.fractionbars .fractionbar.f1{ width:300px; 	background-color:#58BAF0; }
	.fractionbars .fractionbar.f2{ width:150px; 	background-color:#53D4A6; }
	.fractionbars .fractionbar.f3{ width:100px; 	background-color:#A8C92E; }
	.fractionbars .fractionbar.f4{ width:75px; 		background-color:#FFC235; }
	.fractionbars .fractionbar.f5{ width:60px; 		background-color:#E79924; }
	.fractionbars .fractionbar.f6{ width:50px; 		background-color:#DB7662; }
	.fractionbars .fractionbar.f7{ width:42.85px; 	background-color:#D776B5; }
	.fractionbars .fractionbar.f8{ width:37.5px;	background-color:#B781E2; }
	.fractionbars .fractionbar.f9{ width:33.33px;	background-color:#928CDE; }
	.fractionbars .fractionbar.f10{ width:30px; 	background-color:#58BAF0; }
	.fractionbars .fractionbar.f11{ width:27.27px; 	background-color:#53D4A6; }
	.fractionbars .fractionbar.f12{ width:25px; 	background-color:#A8C92E; }
	/*
	.fractionbars .fractionbar.f1{ width:100%; 		background-color:#58BAF0; }
	.fractionbars .fractionbar.f2{ width:50%; 		background-color:#53D4A6; }
	.fractionbars .fractionbar.f3{ width:33.33%; 	background-color:#A8C92E; }
	.fractionbars .fractionbar.f4{ width:25%; 		background-color:#FFC235; }
	.fractionbars .fractionbar.f5{ width:20%; 		background-color:#E79924; }
	.fractionbars .fractionbar.f6{ width:16.66%; 	background-color:#DB7662; }
	.fractionbars .fractionbar.f7{ width:14.285%; 	background-color:#D776B5; }
	.fractionbars .fractionbar.f8{ width:12.5%;		background-color:#B781E2; }
	.fractionbars .fractionbar.f9{ width:11.11%;	background-color:#928CDE; }
	.fractionbars .fractionbar.f10{ width:10%; 		background-color:#58BAF0; }
	.fractionbars .fractionbar.f11{ width:9.09%; 	background-color:#53D4A6; }
	.fractionbars .fractionbar.f12{ width:8.33%; 	background-color:#A8C92E; }*/