.algebra-tiles
	{
		position:relative;
		
	}

    .algebra-tiles.static
    {
        pointer-events:none;
    }


    .algebra-tiles.static .algebra-tile
    {
        cursor:auto;
    }

	.algebra-tiles .inventory
	{
		width:90px;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		
	}

	.algebra-tiles.factors .inventory
	{
		margin-top:45px;
	}
	
	.algebra-tiles.factors .xy, .algebra-tiles.factors .squared
	{
	}
	
	.algebra-tiles .column
	{
		width:540px;
		margin-left:5px;
		
	}
	
	.algebra-tiles .expression
	{
		background-color:#eee;
		border-radius:5px;
		padding:5px 10px 0px 10px;
		margin-bottom:5px;
		display:inline-block;
		font-weight:bold;
		color:#555;
		height:30px;
	}
	
	.algebra-tiles .expression:nth-of-type(2)
	{
		color:#D776B5;
	}
	
	.algebra-tiles .workspace
	{
		background-color:#eee;
		vertical-align:top;
		height:320px;
		width:240px;
		border-radius:3px;
		border:1px solid #afafaf;
		border-top-width:2px;
		display:inline-block;
		background-image:url('../../../bin/img/clear-striped-texture.png');
		margin-right:8px;
		position:relative;
	}

    .algebra-tiles .workspace.big-workspace
    {
        width:490px;
    }

	.algebra-tiles.factors .workspace:nth-of-type(1) { height:30px; margin-bottom:10px; margin-left:40px; }
	.algebra-tiles.factors .workspace:nth-of-type(2) { width:30px; }
	
	.algebra-tiles .workspace:nth-of-type(1){ background-color:#BBE3F9; }
	.algebra-tiles .workspace:nth-of-type(2){ background-color:#B8EEDB; }
	.algebra-tiles .workspace:nth-of-type(3){ background-color:#EFC7E1; }

    .algebra-tiles .workspace.highlight:nth-of-type(1){ background-color:#CDEAFB; }
    .algebra-tiles .workspace.highlight:nth-of-type(2){ background-color:#CBF2E4; }
    .algebra-tiles .workspace.highlight:nth-of-type(3){ background-color:#F3D6E9; }
	
	.algebra-tiles .workspace.highlight {
        border-color: #efefef;
    }
	
	.algebra-tiles .operation-symbol
	{
		position:absolute;
		width:40px;
		height:40px;
		background-color:white;
		line-height:40px;
		border-radius:100px;
		text-align:center;
		left:-25px;
		top:45%;
		font-size:30px;
		color:#58BAF0;
		text-shadow:0px 1px #4694BF;
        cursor:default;
        z-index: 100;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
	}
	
	
	.algebra-tiles .algebra-tile
	{
		
		display:inline-block;
		border-radius:2px;
		width:30px;
		height:30px;
		text-align:center;
		line-height:30px;
		cursor:pointer;
		box-shadow:inset -1px -1px rgba(0,0,0,0.2),inset 1px 1px rgba(255,255,255,0.5);
		
		font-weight:bold;
		font-style:italic;
		margin-bottom:2px;
		color:white;
		text-shadow:0px 1px rgba(0,0,0,0.2);
		background-color:#FFC235;
	}

	.algebra-tiles .algebra-tile.cancelling
	{
		box-shadow:inset 3px 3px 0px #ff3333, inset -3px -3px 0px #ff3333;
	}
	
    .algebra-tiles .algebra-tile.negative
    {
        background-color:#DB7662;
    }

    .algebra-tile.disabled
    {
        pointer-events: none !important;
        opacity:0.5;
    }

    .algebra-tiles .algebra-tile.negative:before
	{
		content:'-';
	}
	
	.algebra-tiles .algebra-tile.invalid { opacity:0.6; }
	
	.algebra-tiles .algebra-tile.x{ width:60px; }
	.algebra-tiles .algebra-tile.y{ width:80px; }
    .algebra-tiles .algebra-tile.x.vertical
    {
        vertical-align: middle;
        line-height: 60px;
        width:30px;
        height:60px;
    }
    .algebra-tiles .algebra-tile.y.vertical
    {
        vertical-align: middle;
        line-height: 80px;
        width:30px;
        height:80px;
    }
	.algebra-tiles .algebra-tile.x.squared{ height:60px; line-height:60px; }
	.algebra-tiles .algebra-tile.y.squared{ height:80px; line-height:80px; }
    .algebra-tiles .algebra-tile.xy{ width:60px; height:80px; line-height:80px; }
    .algebra-tiles .algebra-tile.yx{ width:80px; height:60px; line-height:60px; }