.cat_ref 
{
  background-color:white;
  color:#000;
  font-size:15px;
  font-weight:normal;
  padding:4px;
  text-decoration:none;
 
  float:left;
  z-index:1000;
  font-family: "sanchez" !important;
  transition: all 0.2s;
}

#finishedtext
{
	font-family: "Sanchez" !important;
}

#finishedtext img
{
	margin-right:5px;

}

.cat_item_item
{
	border:1px solid #999999;
}

#formloader
{
	position: absolute;
	left: 260px;
	top: 16px;
}

.layeritem
{
	display:block;
	float:left;
	margin-left:8px;
}

.hidden
{
	display:none !important;
}

#r90_containing-div
{
	margin:0 !important;
}

#leadform_caption
{
	color: #fff;
	font-family: "sanchez";
	background: rgb(80,118,183) !important;
	width:100%;
}

#choicespanel
{
	position:absolute;
	top:552px;
	height:30px;
	background:red;
	border-top-right-radius:2em;
	z-index:333;
	overflow:hidden;
	border-bottom:none;
}

#button_finished, .button_modern
{
	width:auto;
	position:absolute;
	font-family:'Indie Flower';
    background: #4479BA;
    color: #FFF;
	left:6px;
	z-index:32;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-size:20px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	height:40px; 
	top:1%;
	text-shadow: 1px 1px #000;
}	

#button_finished:hover, button_modern:hover  {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

select
{
	background-color:white;
	height:30px;
}

#button_finished:active, button_modern:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

#layerchoices
{
	background-color:white;
	display:block;
	z-index:1000;
	overflow:auto;
	border-top-right-radius:2em;
	width:auto;
	padding-left:0px;
	margin:0;
	margin-top:0px;
	padding-right:20px;
	background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
    height:30px;
	border-bottom: none;
}

#permutationchoices
{
	background-color:white;
	display:block;
	z-index:1000;
	overflow:hidden;
	height:100px;
	width:700px;
	padding-left: 0px;
	overflow:hidden;
	padding-right:20px;
	margin:0;
	border: none;
}

#contentpermutations
{
	padding: 0;
	margin: 0;
}

.cat_img
{
	width:48px;
	height:48px;
	margin-top:2px;
	border-radius:7px;
}
#closelayers,#openlayers
{
	left: 670px;
	position: absolute;
}

#smallinstructionbubble_text
{
	display:none;
}

#smallinstructionbubble_text,#instructionbubble_text
{
	line-height:28px;
	font-family:'Indie Flower';
}

#instructionbubble
{
	z-index:4444;
	width:auto;
	position:absolute;
	font-family:"segoa";
	font-size:32px;
	line-height:20px;
	text-align:center;
	left:1%;
	bottom: 40px;
}

#choicespanel_small
{
	display:none;
}

.contentpermutations.mobile
{
	overflow:hidden;
	padding:0;
}

@media screen and (max-width: 720px) {

	#permutationchoices_small
	{
		display:block;
	}

	#choicespanel_small
	{
		top:10% !important;
		background:transparent !important;
		position:absolute !important;
		display:block;
		z-index:100;
		width:100%;
	}
	
	#choicespanel
	{
		display:none;
	}

	#finishedtext
	{
		display:none;
	}
	#instructionbubble_text
	{
		display:none;
	}
	#smallinstructionbubble_text
	{
		display:block;
	}
	#instructionbubble
	{
		/*
			Different image!
		*/
		font-size:32px;
		height:7%;
		line-height:20px;
		top:90%;
		left:0%;
		padding:0;
		text-align:left;
		background:white !important ;
		border-top-right-radius:20px;
		padding: 1%;
		width:260px !important;
		

	}
	#doneimg
	{
		position: absolute;
		left: 0;
		top: 4px;
	}
	#button_finished
	{
		left: 90%;
		top:43%;
		border:none;
		width:10%;
		padding:0;
		border-radius:0px;
	}
	
	#permutationchoices
	{
		top:50%;
	}
}

@media screen and (max-width: 480px) {
	#instructionbubble
	{
		font-size:18px;
		height:7%;
		
	}
	#smallinstructionbubble_text
	{
		line-height:20px !important;
	}
}