body,html                   {   background-color:rgba(62,62,62,1); font-size:12px; font-family:arial; }

a							{	color:rgb(57, 179, 208); text-decoration:none; }
a:hover 					{	text-decoration:underline; }

.hand:hover                 {   cursor:pointer; }

.hide			            {   display:none; }

.hori div.phase             {   float:left; width:auto; clear:both; }
.verti div.phase            {   float:left; clear:none; }

.verti .phase div 			{   float:none; }
.hori .phase div 			{   float:left; }

.phase .button              {   padding:4px 8px; border:1px solid rgba(153,119,0,1); border-radius:3px; background-color:rgba(80,80,80,1); color:white; margin:4px 0px 4px 5px; text-align:center; }

.button.cleared				{	float:right !important; clear:both; width:auto; border:1px solid rgba(228,255,0,1); background-color:rgba(30,40,50,1); padding:3px 15px; }

.vertical.line              {   width:1px; margin-left:50%; background-color:rgba(120,120,120,1); }
.hundred		            {   height:100px; }
.fifty			            {   height:50px; }
.twenty			            {   height:20px; }

.hori .instructions         {   border:1px solid rgba(183,149,0,1); border-radius:4px; color:rgba(200,200,200,1);
                                padding:4px 8px 4px 8px; margin:0 4px 4px 4px; display:inline-block; position:relative; overflow:visible; margin-left:100px; }

.verti .instructions        {   border:1px solid rgba(183,149,0,1); border-radius:4px; color:rgba(200,200,200,1);
                                padding:8px; margin:0 4px 4px 4px; display:inline-block; position:relative; overflow:visible; margin-top:50px; float:left; clear:both;}

.hori .expanse              {   margin-top:10px; }

.verti .expandable .button  {   float:left; }

.moving_on                  {   text-align:center; }

.option                     {   border:1px solid rgba(190,170,0,1); border-radius:3px; padding:3px 15px; margin:5px; width:auto; font-size:12px; font-weight:normal;
								display:inline-block; background-color:rgba(30,40,50,1); color:#ccc; text-align:center; min-width:60px; }

.verti .option              {   float:left; }
.hori .option               {   float:none!important; }

.hori .expandable           {   float:left; clear:both; }
.verti .expandable          {   margin-top:8px; }

.horizontal.line            {   height:1px; margin-top:10%; background-color:rgba(120,120,120,1); }
.thirty                     {   width:30px; }

.hori .liner                {   position:absolute; height:1px; width:100px; background-color:gray; top:6px; margin-left:-109px; }
.verti .liner               {   position:relative; width:1px; height:50px; background-color:gray; margin-left:50%; margin-top:-59px; margin-bottom:9px; }

.hori .unbutton             {   border:1px solid rgba(183,149,0,1); border-radius:3px; padding:4px; float:left; clear:both; margin:4px 0px 0px 4px; }
.verti .unbutton            {   border:1px solid rgba(183,149,0,1); border-radius:3px; padding:4px; float:left; clear:both; margin-left:4px; }

.hori .branch_buttons		{	text-align:center; width:100%; }

.congratulations			{	transform:translate(-50%, -50%); position:absolute; top:40%; left:50%; font-size:30px; max-width:560px;
								font-weight:bold; color:rgba(180,140,220,1); color:rgba(73,133,177,1); text-shadow:2px 2px 5px rgba(8,8,8,0.8); }