#close {
    float:right;
    display:inline-block;
    opacity: 0.5;
    visibility: hidden;
    cursor: default;
    width: 16px;
    height: 16px;
}
#close:hover {
    float:right;
    display:inline-block;
    opacity: 1;
    width: 16px;
    height: 16px;
}
#loadImage {
    position: absolute; 
    left: 5; 
    bottom: 5;
    display:inline-block;
    visibility: hidden;
    opacity: 0.5;
    cursor: default;
}
#loadImage:hover {
    float:right;
    display:inline-block;
    opacity: 1;
}
.textouter {
	background-color: rgba(255,255,255,0); 
	border: 5px dashed; 
	border-color: rgba(255,255,255,0);
	display: inline-block; 
	overflow: hidden; 
	cursor: move;
	padding: 0px;
	margin: 0px;
}
.textouter:hover {
	border-color: rgba(255,255,255,0.5);
}
.textinner {
	cursor: text;
	padding: 0px;
	margin: 0px;
}
.imageouter {
	background: url(); 
	background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: center; 
	border: 5px dashed rgba(255, 255, 255, 0); 
	display: inline-block; 
	overflow: hidden; 
	cursor: move;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.imageouter:hover {
	border-color: rgba(255,255,255,0.5);
}
.ui-resizable-n{
  background-image:none;
  background-color:green;
}

.card {
	overflow: hidden; 
	border-style: solid; 
	height: 800px; 
	width: 800px; 
	background-repeat:no-repeat; 
	background-size:100% 100%; 
	background-color: #ffffff;
}

.printspace {
	overflow: hidden; 
	border-color: green; 
	border-style: dotted; 
	border-width: 0.1px; 
	height: 780px; 
	width: 780px; 
	left: 10px; 
	top: 10px; 
	position: relative;
}

.textouter {
	left: 100px; 
	top: 100px; 
	position: absolute;
}

.textinner {
	background-color: rgba(255, 255, 255, 0); 
	border-style: none; 
	width: auto; 
	height: auto; 
	display:inline-block; 
	min-width: 100%;
}

.imageouter {
	left: 100px; 
	top: 100px; 
	position: absolute; 
	width: 150px; 
	height: 150px;
}

.loginOverlay {
	background-color: rgba(255,255,255,0.9);
	width:      100%;
	height:     100%; 
	z-index:    10;
	top:        0; 
	left:       0; 
	position:   fixed; 
	display: none; 
}

.login {
	background: #ffffff; 
	margin: auto; 
	border: 3px solid black; 
	padding: 10px;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}

@font-face {  
    font-family: "Jellee Roman";  
    src: url("https://www.magicsilks.co.uk/designer/fonts/Jellee-Roman.eot" ); /* IE */  
    src: local("Jellee Roman"), url("https://www.magicsilks.co.uk/designer/fonts/Jellee-Roman.ttf") format("truetype"); /*non-IE*/  
}
@font-face {  
    font-family: "Comic Relief";  
    src: url("https://www.magicsilks.co.uk/designer/fonts/ComicRelief.eot" ); /* IE */  
    src: local("Jellee Roman"), url("https://www.magicsilks.co.uk/designer/fonts/ComicRelief.ttf") format("truetype"); /*non-IE*/  
}