/* ----------------------------
layers
---------------------------- */
.xLayer{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0,0.8);
	cursor:default;
	z-index:89;
	padding:0;
	display:none;
	overflow:auto;
}
.xLayer .close{
	position:absolute;
	height:3em; width:3em;
	top:1vh; right:2vh;
	border-radius:1.5em;
	cursor:pointer;	
	border:solid 2px #777;
	background-color:#1f3549;
	background-image:url(/sharedimg/plusW.png);
	background-position:center;
	background-size:85%;
	background-repeat:no-repeat;
	transform: rotate(45deg);
	opacity:0.75;
	transition: all 0.5s ease;
	z-index:100;
}
.xLayer .close:hover{
	opacity:1;
}

.xLayer iframe, .xLayer object{
	position:absolute;
	top:7vh;
	width:100vw;
	border-top:solid 1px #bbb;
	border-image: linear-gradient(to right, rgba(192, 192, 192,0.8), rgba(192, 192, 192,0.8), rgba(0, 0, 0,0.8));
	border-image-slice: 1;
	height:93vh;
	padding:0;
	z-index:1;
}

/*.xLayer iframe{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	padding:0;
	z-index:1;
}
*/
.xFrame{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0, 0, 0,0.8);
	cursor:default;
	z-index:89;
	padding:0;
/*	display:none;*/
}
.finder{
	position:absolute;
	top:50%;
	left:50%;
	padding:1em 2em;
	transform: translate(-50%, -50%);
	border-radius:0.25em;
	box-shadow: 2px 2px 8px #888;
}
.finder p{
	clear:both;
	font-size:1.25em;
	width:100%;
	margin-bottom:0.5em;
}
.finder .field label{
	width:24%;
}
.field.inline.i1 label {
	width:140px; /*!important;*/
}

.finder .field input[type="text"], .finder .field textarea {
	width:74%;
}
.foot{
	display:inline-block;
	width:100%;
	height:2em;
	bottom:0;
	border:none;
	background:transparent;	
}
.foot ul{
	width:100%;
	height:100%;
}
.foot li {
	float:right;
	height:2em;
	width:2em;
/*
	border:solid 1px transparent;
	border-radius:20%;
*/
	cursor:pointer;
	opacity:0.50;
}
.foot li:hover {
	opacity:1;
}
.foot li img{
	height:100%;
}
#waitImg{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#000;
	cursor:default;
	z-index:90;
	display:none;
	opacity:0.70;
/*	filter: alpha(opacity=70);*/
}
#waitImg img{
	position:absolute;
	top:70%;
	left:50%;
	transform: translate(-50%,-50%);
	width:4em;
}

/* *** login *** */
#usraccess {
	position:absolute;
	top:50%;
	left:50%;
	width: 25em;
	padding:1em 2em;
	transform: translate(-50%, -50%);
	background:#1f3549;
	border-radius:0.25em;
	box-shadow: 0 0 5px #1f3549;
}
#usraccess * {
	color:#eee;
	font-size: 1.1em;
	line-height: 1.2;
}
#usraccess div {
	display:block;
	width:100%;
}
#usraccess .field {
	margin:0 1em 1em;
	width:auto;
}
#usraccess label {
	width:100%;
	text-align:left;
}
#usraccess .field:hover input {
	border-color:#748da4;
}
#usraccess .field input[type]:focus {
	border-color:#748da4;
}
#usraccess input[id^="usr"] {
	width:100%;
	background: rgba(255, 255, 255, 0.25);
}
#usraccess input[id^="usr"]:focus {
	background:#1f3549;
}
#usraccess .field input[type="button"] {
	position:relative;
	margin-top:1.5em;
	left:50%;
	transform: translate(-50%, 0);
	border-color:#748da4;
}
#usraccess .field input[type="button"]:hover {
	background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 640px) {
/*	.xLayer{
		width:100vw;
		height:100vh;
	}*/
	.xLayer [class*="bcol-"] { width:100vw; min-width:100vw; overflow-y:auto;}
}