@charset "utf-8";
/* Login CSS */

/*----------accounts----------
.accounts {
	position:absolute;
	right:50px;
	top:18%;
	z-index:200;
}*/

/*----------login----------
.loginwrap {
	position:absolute;
	left:0px;
	margin-left:10px;
	margin-top:0px;
	width:200px;
	height:24px;
	background:rgba(255,255,255,0.50);
	z-index:200;
	box-shadow: 0 0 12px rgba(0,0,0,1.00);
	border-radius:2px;
}*/
.loginwrap {
	position:absolute;
	left:50vw;
	margin-left:-105px;
	top:-14px;
	width:200px;
	height:32px;
	z-index:200;
	border-radius:2px;
}
.loginwrap2 {
	position:absolute;
	left:50vw;
	margin-left:-105px;
	top:0px;
	width:200px;
	height:32px;
	z-index:200;
	border-radius:2px;
}
.loginwrap:hover {
	box-shadow: 0 0 12px rgba(0,0,0,0.00);
}
.loginform {
	position:relative;
	width:200px;
	height:24px;
	margin-left:0px;
	margin-top:0px;
	padding:3px 0px 3px 1px;
	background:rgba(0,0,0,1.00);
	box-shadow: inset 0 5px 15px 2px rgba(255,255,255,1.0);
	border-radius:1px;
}
#loginbar {
	position:relative;
	background:rgba(0,0,0,1.00);
	width:125px;
	height:18px;
	margin-right:3px;
	margin-left:3px;
}
#loginbar:focus {
	color:rgba(255,255,255,1.00);
}
#loginbar, select, #loginbar {
    color:rgba(255,255,255,1.00);
}
#loginbutton {
	position:absolute;
	top:2px;
	right:2px;
	padding:3px 3px 0 7px;
	width:42px;
	height:22px;
	background:rgba(0,0,0,0.25);
	color:rgba(255,255,255,1.00);
}
#loginbutton:hover {
	background:rgba(0,140,255,0.2);
	box-shadow:inset 0 0 0 1px rgba(0,140,255,0.5), 0 0 0 1px rgba(0,140,255,0.25);
	cursor:pointer;
}
.createaccount {
	position:absolute;
	top:4px;
	left:-122px;
	padding-right:4px;
	font-size:14px;
	color:rgba(0,0,0,1.00);
	border-radius:2px;
	text-shadow:none;
}
.createaccount:hover {
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 1px rgba(0,0,0,1.00), 0 0 3px rgba(0,0,0,1.00);
	cursor:pointer;
}
.createaccount:active {
	text-shadow: 0 0 1px rgba(0,0,0,1.00), 0 3px 3px rgba(0,0,0,1.00);
}
.createaccount:hover .newaccount, .createaccount.hover .newaccount {
	display:block;
}
.newaccount {
	display:none;
	position:absolute;
	top:4px;
	left:0px;
	padding:4px;
	width:160px;
	font-size:14px;
	color:rgba(0,0,0,1.00);
	background:rgba(255,255,255,0.9);
	border-radius:2px;
	cursor:default;
}
.login_frame {
	position:absolute;
	top:0px;
	left:-10px;
	width:10px;
	height:25px;
	border-radius:2px;
	overflow:hidden;
	pointer-events:none;
}
/*----------logged IN----------*/
.logged_in {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	height:24px;
	background:rgba(255,255,255,0.77);
	box-shadow: inset 0 0 3px 5px rgba(255,255,255,1.00), inset 0 0 1px rgba(0,0,0,1.00), 0 0 1px rgba(0,0,0,1.00);
	border-radius:0px 4px 4px 4px;
	cursor:default;
}
.log_cart {
	position:absolute;
	top:-2px;
	left:6px;
	width:25px;
	height:25px;
	cursor:pointer;
}
.log_cart:hover {
	background:rgba(0,0,0,1.00);
	box-shadow:inset 0 0 1px 2px rgba(112,112,112,1.00);
	border-radius:2px;
}
.log_cart:hover .cart_label, .log_cart.hover .cart_label {
	display:block;
}
.log_cart:active #l_cart_img, .log_cart.hover #l_cart_img {
	opacity:0.5;
}
.cart_label {
	display:none;
	position:absolute;
	left: -94px;
	top:-3px;
	padding: 3px 9px 3px 7px;
	font-size:14px;
	font-weight:bold;
	color:rgba(0,0,0,1.00);
	text-shadow: 0 0 5px rgba(255,255,255,1.00), 0 0 4px rgba(255,255,255,1.00), 0 0 3px rgba(255,255,255,1.00), 0 0 2px rgba(255,255,255,1.00), 0 0 1px rgba(255,255,255,1.00);
	background:rgba(255,255,255,0.42);
	box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.50), inset -20px 0px rgba(0,0,0,0.10), inset -40px 0px rgba(0,0,0,0.10), inset -60px 0px rgba(0,0,0,0.10);
	border-radius:4px;
}



/*---------no match stuff-------*/
.log_welcome {
	position:absolute;
	right:7px;
	top:2px;
	pointer-events:none;
}
#flash {
	opacity:0.0;
	position:absolute;
	left:6px;
	top:5px;
	width:125px;
	height:20px;
	background:rgba(255,255,255,1.00);
	z-index:1001;
	pointer-events:none;
}
#not_found {
	opacity:0.0;
	position:absolute;
	left:6px;
	top:5px;
	margin-top:2px;
	width:125px;
	height:18px;
	color:rgba(255,255,255,1.00);
	font-size:14px;
	pointer-events:none;
	background:rgba(0,0,0,1.00);
	z-index:1000;
	border-radius:2px;
	box-shadow:inset 0 0 2px rgba(255,255,255,1.00);
	text-shadow: 0 0 1px rgba(255,255,255,1.00);
}

.log_out {
	position:absolute;
	left:204px;
	top:12px;
	width:60px;
	padding: 1px 3px 1px 3px;
	font-size:14px;
}
.log_out:hover {
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 1px rgba(0,0,0,1.00), 0 0 3px rgba(0,0,0,1.00);
	cursor:pointer;
}

.logout_frame {
	position:absolute;
	top:0px;
	left:250px;
	width:25px;
	height:20px;
	pointer-events:none;
	z-index:-10;
	opacity:0.0;
	display:none;
}