#mapFull{
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
}
.mpp, .droppable{
	background-image: url("../images/maps/s0.png");
	background-size: cover;
	border: 1px solid #ff9900;
	float: left;
	height: 68px;
	width: 68px;
}
.mpp{
	background-color: #e2cd9c;
	transform: rotate(0deg);
}
.hideDrag, .hideTag{
	visibility: hidden;
}
.saveset{
	float: left;
	margin-top: 10px;
	width: 25%;
}
.saveset input{
	margin: 0 5px;
}
#canvas{
	display: none;
	float: left;
	margin-top: 15px;
	width: 100%;
}
.canvasControl{
	margin: 0 auto;
	text-align: center;
}
#canvasCont{
	margin: 0 auto;
	float: left;
	text-align: center;
	width: 100%;
}
.canvasControl input{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	background-color: #1C1D8E;
	border: 1px solid #ff9900;
	color: #ff9900;
	font-size: 79%;
	height: 25px;
	margin-top: 13px;
}
.droppable{
	border: none;
	position: absolute;
	transform: rotate(0deg);
}
.imgContFull{
	float: left;
	width: 100%;
}
.imgFull{
	border: 1px solid #ff9900;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	margin: 0 auto 10px;
	overflow: hidden;
	width: 35%;
	max-width: 400px;
}
.imgFull img{
	display: block;
	width: 100%;
}
.selected, .selectedDrag{
	border: 2px solid #005AFF;
	height: 66px;
	width: 66px;
} 
.selectedLabel{
	border: 2px solid #005AFF!important;
}
#generatedCoat{
	background-color: #a59563;
	border: 1px solid #ff9900;
	float: left;
	min-height: 420px;
	position: relative;
	width: 100%;
}
#dropField, #labelField{
	display: none;
	height: 420px;
	float: left;
	margin-top: -420px;
	width: 100%;
	position: relative;
}
#dropsOff, #offTag, #onBrd{
	display: none;
}
.label{
	border: 1px solid #ff9900;
	height: 20px;
	width: 100px;
}
.pickColor{
	background-color: #131f4f;
	border: 1px solid #ff9900;
	color: #ff9900;
	float: left;
	font-family: cursive;
	padding: 5px 0;
	text-align: center;
	width: 100%;
	z-index: 999;
}
.colorChoice, colorChoiceFull{
	float: left;
	margin-top: 5px;
	width: 100%;
}
.colorChoiceFull{
	margin-top: 10px;
	width: 100%;
}
.colorChoice input, .colorChoiceFull input{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.25);
	background-color: #1C1D8E;
	border: 1px solid #ff9900;
	color: #ff9900;
	height: 25px;
	margin-top: 1px;
}
.mainOption{
	background-color: #191f50;
	color: #ff9900;
	font-size: 120%;
	margin-bottom: -1px;
	padding: 7px 0;
	position: relative;
	width: 24.7%;
	z-index: 99;
}
#dragOpt{
	border: 1px solid #ff9900;
	height: auto!important;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
#optionMain{
	background-color: #191f50;
	overflow: hidden;
}
.ui-icon, .ui-widget-content .ui-icon{
	background-image: url('../images/maps/iconNew.png')!important;
	background-position: initial!important;
}
.activeTitle{
	border: 1px solid #ff9900;
	border-bottom: none;
}
.activeSubTitle, .activeSubTitle2, .activeSubTitle3, .activeSubTitle4{
	color: white;
}
.mainOptions{
	background-color: #191f50;
	border: 1px solid #ff9900;
	border-bottom: none;
	color: #ff9900;
	font-size: 120%;
	position: relative;
	z-index: 99;
}
.coatBorder{
	border-top: 1px solid #ff9900;
	float: left;
	width: 100%;
}
.subOption, .subOption2, .subOption3, .subOption4{
	padding: 7px 0;
}
.mainOptions, .mainOption, .subOption, .subOptions, .subOptions2, .subOptions3, .subOptions4{
	text-align: center;
	float: left;
	display: none;
}
.subIcon, .subIconTwo, .subIconThree, .subIconFour{
	background-color: #e2cd9c;
	background-size: cover;
	border: 1px solid #ff9900;
	float: left;
	height: 40px;
	width: 40px;
}
.subOptions, .subOptions2, .subOptions3, .subOptions4{
	width: 100%;
}
#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10, #sub11, #sub12, #sub13{
	float: left;
	width: 25%;
}
#sub14, #sub15, #sub16{
	float: left;
	width: 33%;
}
#longerBanner, .activeSlide, .mainOption, .subOption, .activeSubSlide, .activeSlide2, .activeSubSlide2, .activeSubSlide3, .activeSubSlide4{
	display: block;
}
.grid{
	width: 70px;
	height: 70px;
	border: none;
}
.mapSize{
	width: 25px;
}
@media (max-width: 989px){
	#dragOpt{
		left: 0;
		right: 0;
	}
}


@media (max-width: 720px){
	.subIcon, .subIconTwo, .subIconThree, .subIconFour{
		height: 30px;
		width: 30px;
	}
	
	.mpp, .droppable{
		height: 48px;
		width: 48px;
	}
	.selected, .selectedDrag{
		height: 46px;
		width: 46px;
	}
}