/* Formularios */
.field {
	border:1px solid #CCC;
	margin:2px;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}

/* Botones */
a.button {
	margin-left:3px;
	height:20px;
	color:white;
	line-height:normal;
	float:left;
	display:block;
}
a.button b {
	background-image:url(http://images.habbos.es/websystem/release_7/design/buttons.gif);
	background-position:-4px 0px;
	padding:3px 0px 0px 4px;
	height:17px;
	font-weight:normal;
	float:left;
	display:block;
}
a.button b input {
	border:none;
	background:none;
	margin-top:-1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:white;
	cursor:pointer;
}
a.button span {
	background-image:url(http://images.habbos.es/websystem/release_7/design/buttons_arrows.gif);
	margin-left:5px;
	height:8px;
	width:16px;
	display:inline-block;
}
a.button i {
	background-image:url(http://images.habbos.es/websystem/release_7/design/buttons.gif);
	height:20px;
	width:4px;
	float:left;
	display:block;
}

/* Botón rojo */
a.button.red b { background-position:-4px -20px; }
a.button.red i { background-position:0px -20px; }

/* Botón azul */
a.button.blue b { background-position:-4px -40px; }
a.button.blue i { background-position:0px -40px; }

/* Botón blanco */
a.button.white b { background-position:-4px -60px; color:#666; }
a.button.white i { background-position:0px -60px; }

/* Botón de entrada */
#enter {
	position:absolute;
	background:url(http://images.habbos.es/websystem/release_6/orange_thing.png) no-repeat 50% 50%;
	height:105px;
}
#enter span {
	border:none;
	background:none;
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:white;
}
#enter a.enter-button {
	position:relative;
	margin-top:28px;
	height:49px;
	text-decoration:none;
	cursor:pointer;
	float:left;
	display:block;
}
#enter img { border:0px; }
/* hide this from IE6 */
html > body #enter a.enter-button.fill, html > body #enter a.enter-button.fill b {
	float:none;
	display:block;
}
#enter a.enter-button b {
	background:transparent url(http://images.habbos.es/websystem/release_6/enter_button.png) no-repeat -9px 0;
	padding:14px 10px 4px 15px;
	margin-right:5px;
	height:31px;
	font-size:11px;
	font-weight:bold;
	color:white !important;
	text-align:center;
	float:left;
	display:inline;
}

#enter a.enter-button:hover { text-decoration:none; }
#enter a.enter-button:hover b { background-position:-9px -49px; }
#enter a.enter-button i {
	position:absolute;
	background:transparent url(http://images.habbos.es/websystem/release_6/enter_button.png) no-repeat 0px 0;
	top:0;
	right:0;
	height:49px;
	width:9px;
}
#enter a.enter-button:hover i { background-position:-0px -49px; }
/* Off background ------------------------------ */
#enter a.enter-button.closed:hover{ cursor:default; }
#enter a.enter-button.closed {
	background-position:-11px -98px;
	color:white !important;
}
#enter a.enter-button.closed i { background-position:0px -98px; }
#enter a.enter-button.closed b { background-position:-11px -98px; }