#ostrich {
			cursor:pointer;
	}

	#dragon {
		cursor: move;
	}

	#atext2 {	
		cursor: move;	
	}

	.imgwiz {
		cursor: move;
		
	}	

	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	.outer {
		margin:0;
		width:100%;
	}

/********** middle ************/	

	.images {
	
		/*float:right;*/
		/*width:72%;*/
		width:300px;
	}
	#img1 {
		cursor: move;
	}

	.namedrop {
		border-radius:5px;
		height:20px;
	}
	.svgfonts {
		list-style: none;
		width: 200px;
		color: #000000;
		text-align:left;
		/*
		border-style: solid;
		border-width: 1px;
		*/
	}
	#pi-decoration {	
		cursor: pointer;
		/*hover: #ff0000;*/
	}
	
	.namedrop-bn {
		border-radius: 10px 0 10px 0;
		color:#000000;
	}
	
	.txtdrag {
		cursor:move;
	}
	.txtdragx {
		cursor:move;
	}
	
	.handler {		
		cursor: ne-resize;
		fill:#ff0000;
	}
	#cpicker {
		background: linear-gradient(#ff0000, #00f0ff);
		cursor: pointer;
		height: 16px;
		width: 16px;
		font-size:1px;
	}
	
	.cpicked {
		background-color:#ffffff;
		color:#ffffff;
		border-width:1px;
		border-color:#cdcdcd;
		height:16px;
		width:80px;
	}

	.delmylogo {
		cursor: pointer;
	}

	.styled-select {
	   /*background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat;*/
	   height: 29px;
	   overflow: hidden;
	   width: 300px;
	   background-color: #fefefe;
	}

	.styled-select select {
		background-color: #fefefe;
	   /*background: transparent;*/
	   border: none;
	   font-size: 12px;
	   height: 29px;
	   padding: 5px; /* If you add too much padding here, the options won't show in IE */
	   width: 300px;
	}
	.styled-select select:focus {
		outline: none;
	}

	.dectypes {
		width:15%;
		height:460px;
		/*height:100%;*/
		overflow:auto;
		text-align:center;
		
	}
	.dectypes img {
		width:40%;
	}
	.dectypes ul {
		list-style-type:none;
	}
	.templates {
		width:80%;
		float:left;
	}
	.templates img {
		width: 50%;
	}
	
	.resort {
		color: red;
	}
	
	li {
		list-style-type: none;
	}
/*********************************************************************************/
/************************* copied from lwiz.css **********************************/

.decoration {
	text-align:center;
	width: 10%;
	/*background-color:#001e3b;*/
	margin-bottom:5px;
	border-radius: 10px 10px 10px 10px;
	border-color: #001e3b;
	border-width:1px;
	/*color: white;*/
	color:#001e3b;
	font-size:18px;
	font-weight:bold;		
	
	/*background: linear-gradient(#ffffff, #001e3b);	*/
}

.imgdelete {
	color: #ff0000;
	cursor: pointer;
}	
	
body {
	
	font-family: "Trebuchet MS", sans-serif;
	/*
	margin: 50px;
	margin-top:20px;
	*/
}

.errmsg {	
	background-color: #ff0000;
	color: #ffffff;
	font-weight:bold;
	font-size:14px;
	padding: 2px;
	text-align:left;
}
		
/* Rotate Handle */
.ui-rotatable-handle {
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(/xlogo/images/rotate.png);
    background-size: 100%;
    left: 2px;
    bottom: 2px;
}		
		
.pix {
	margin-bottom:20px;
	list-style-type:none;
	padding:0px;
	height:400px;
	list-style-position:outside;
	max-height: 400px;
	/*width:8em;*/
	overflow-y: auto;
	overflow-x: hidden;

}		
.threediv {
	width:100%;
	height:570px;
	background-color:whitesmoke;
}	

.mylogos {
	clear:both;
	float:left;
	margin: 0;
	margin-left:-32px;
	margin-bottom:5px;
	margin-top: 10px;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
	max-height: 450px;
	width:15em;	
	overflow-y: auto;
	overflow-x: hidden;
	
}	

.mylogobox {
	border-radius:5px;
	height:5em;
	border-style:solid;
	border-width:1px;
	border-color:ceceee;
	float:left;
}

.declist {
	clear:both;
	/*float:left;*/
	background-color:#fff;
	margin: auto;
	/*margin-left:-45px;*/
	padding:0;
	list-style-position:outside;
	height: 450px;
	width:20em;		
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom:32px;
}	

.declist ul {
	list-style-type:none;
	height: 30%;
}

/********** left side ************/	
.templates {
	border-radius: 3px;
	float:left;
	width:20%;
	height:100%;
	font-size:.8em;
}

.templates .tmphead {
 	font-family:WeezerFont;
	font-size:1.1em;
 	text-align:center;
 	border:1px solid #21456d;
	background-color: #FFD599;
}	

/********** right side ************/	
.myoptions {
	float:right;
	margin-right: 2em;
	width:18%;
	background-color: #bbb;
	font-size:.8em;
 	border:1px solid #21456d;
}
.myoptions .myopthead {
 	font-family:WeezerFont;
	font-size:1.1em;
 	text-align:center;
	background-color: #FFD599;
}

/********** right side ************/	
.toolbardiv {
	border-style: dotted;	
	overflow-y: auto;
	overflow-x: hidden;
	background-color:none;
 	border:1px solid #21456d;
	font-size:.8em;
}

.toolbardiv .tbheadc {
 	font-family:WeezerFont;
	font-size:1.1em;
 	text-align:center;
	background-color: #FFD599;
	/*border:1px solid #000000;*/
}

#lgtoolbar {
    width: 100%;
	cursor: pointer;
	text-align:left;
	/* border-radius: 10px; */
	float:right;
	min-height: 130px;
	background-color:inherit;
}
.workspace {
	float:left;
	border-width:1px;
	border-color:grey;
	width:100%;
	height:100%;
/*
	width: 58%;
	height:520px;
*/	
	text-align:center;
	border-style: dotted;	
/*	
	margin-left: .5em;		
	margin-right: .5em;	
	background-color:white;
*/
	font-size:.8em;
	
}

.wrkhead {
 	font-family:arial;
	font-size:1.1em;
 	text-align:center;
 	border:1px solid #21456d;
	color:#ffffff;
	background-color: #313a46;
}	
.tbhead {
 	font-family:arial;
	font-size:1.1em;
 	text-align:center;
	color:#ffffff;
	background-color: #313a46;
	border:1px solid #313a46;
}
.btn-title {
	margin: 0.5rem 0.25rem 0.25rem 0.25rem;
}
.page-title {
	line-height: 1rem!important;
}
.breadcrumb {
	padding: 0!important;
}
.resize-sm, .resize-lg {
	font-size: 16px!important;
}
.resize-sm {
	color: red!important;
}
.resize-lg {
	color: green!important;
}
/*
.new-template {
	border: solid 3px green;
	background-color: green;
	color: white;
}
*/
.card-body-tmplt {
	text-align: left;
	font-size: 12px;
}
#search-dropdown {
	max-height: 400px!important;
	overflow-y: auto!important;
}
.prod-img {
	margin: 0.5rem;
}
.declist > ul {
	padding-left: 0;
}
.div-square {
	padding-top: 1rem;
}
#imagoly {
	text-align: center;
}
.tab-dragon {
	max-height: 200px;
	overflow-y: scroll;
}
.tab-dragon > .dragon {
	margin: 10px 15px 15px 15px;
	height: 70px;
}
.tab-dragon > .dragon > img {
	max-height: 64px!important;
}
.i-name {
	margin-top: auto;
}
.pic {
	max-height: 64px;
}
.resize-p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.25rem;	
	margin-bottom: 0.5rem;	
}
.namedrop-txt {
	height: calc(1.3rem + 2px);
}
.nd-reset {
	font-size: xx-small!important;
	margin-left: 0.5rem;
}