/* Cuadros de contenido */
/* Columnas laterales */
#box-lateral {
	margin:0px auto 5px auto;
	width:215px;
}
#box-lateral #top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/boxes.gif);
	margin:0px;
	height:8px;
	width:215px;
}
#box-lateral #middle {
	background-color:white;
	border-left:1px solid #A0A0A0;
	border-right:1px solid #A0A0A0;
	padding:4px 5px 2px 5px;
	margin:0px;
	width:203px;
	line-height:1.5;
}
#box-lateral #bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/boxes.gif);
	background-position:0px -14px;
	margin:0px;
	padding:0px;
	height:8px;
	width:215px;
}

/* Columna central */
#box-center {
	margin:0px auto 5px auto;
	width:500px;
}
#box-center #top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/boxes.gif);
	background-position:-216px 0px;
	margin:0px;
	height:8px;
	width:500px;
}
#box-center #middle {
	background-color:white;
	border-left:1px solid #A0A0A0;
	border-right:1px solid #A0A0A0;
	padding:4px 5px 2px 5px;
	margin:0px;
	width:488px;
	line-height:1.5;
}
#box-center #bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/boxes.gif);
	background-position:-216px -14px;
	margin:0px;
	padding:0px;
	height:8px;
	width:500px;
}

/* Tops laterales */
#box-lateral #top.red, #box-lateral #top.green, #box-lateral #top.blue, #box-lateral #top.purple, #box-lateral #top.yellow, #box-lateral #top.white, #box-lateral #top.black, #box-lateral #top.brown, #box-lateral #top.orange, #box-lateral #top.help {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tops.png);
	padding:10px 8px 10px 8px;
	height:13px;
	width:199px;
	color:white;
	font-weight:bold;
}
#box-lateral #top.green { background-position:0px -33px; }
#box-lateral #top.blue { background-position:0px -66px; }
#box-lateral #top.purple { background-position:0px -99px; }
#box-lateral #top.yellow { background-position:0px -132px; }
#box-lateral #top.white { background-position:0px -165px; color:#333; }
#box-lateral #top.black { background-position:0px -198px; }
#box-lateral #top.brown { background-position:0px -231px; }
#box-lateral #top.orange { background-position:0px -264px; }
#box-lateral #top.help { background-position:0px -297px; }

/* Tops centrales */
#box-center #top.red, #box-center #top.green, #box-center #top.blue, #box-center #top.purple, #box-center #top.yellow, #box-center #top.white, #box-center #top.black, #box-center #top.brown, #box-center #top.orange, #box-center #top.help {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tops.png);
	background-position:-215px 0px;
	padding:10px 8px 10px 8px;
	height:13px;
	width:484px;
	color:white;
	font-weight:bold;
}
#box-center #top.green { background-position:-215px -33px; }
#box-center #top.blue { background-position:-215px -66px; }
#box-center #top.purple { background-position:-215px -99px; }
#box-center #top.yellow { background-position:-215px -132px; }
#box-center #top.white { background-position:-215px -165px; color:#333; }
#box-center #top.black { background-position:-215px -198px; }
#box-center #top.brown { background-position:-215px -231px; }
#box-center #top.orange { background-position:-215px -264px; }
#box-center #top.help { background-position:-215px -297px; }

/* Tabs */
#tabs-buttons {
	border-bottom:1px solid #F90;
	margin:0px 0px 5px -5px;
	padding:4px 0px 0px 10px;
	width:488px;
	line-height:normal;
}
#tabs-buttons li {
	margin:0px 4px -1px 0px;
	height:25px;
	cursor:pointer;
	float:left;
	list-style:none;
}
#tabs-buttons li span {
	background-image:url(http://images.habbos.es/websystem/release_7/design/inner-tabs.png);
	background-position:-16px -25px;
	padding:6px 0px 0px 16px;
	height:19px;
	color:white;
	font-weight:normal;
	float:left;
	display:block;
}
#tabs-buttons li i {
	background-image:url(http://images.habbos.es/websystem/release_7/design/inner-tabs.png);
	background-position:0px -25px;
	height:25px;
	width:16px;
	float:left;
	display:block;
}

/* Colores de Tabs */
/* Anaranjado */
#tabs-buttons li:hover span { background-position:-16px -50px; }
#tabs-buttons li:hover i { background-position:0px -50px; }
#tabs-buttons li.selected span { background-position:-16px 0px; color:black; font-weight:bold; }
#tabs-buttons li.selected i { background-position:0px 0px; }

/* Azul */
#tabs-buttons.blue { border-bottom-color:#528DC9; }
#tabs-buttons.blue li span { background-position:-16px -100px; }
#tabs-buttons.blue li i { background-position:0px -100px; }
#tabs-buttons.blue li:hover span { background-position:-16px -125px; }
#tabs-buttons.blue li:hover i { background-position:0px -125px; }
#tabs-buttons.blue li.selected span { background-position:-16px -75px; color:black; font-weight:bold; }
#tabs-buttons.blue li.selected i { background-position:0px -75px; }

/* Verde */
#tabs-buttons.green { border-bottom-color:#3BA800; }
#tabs-buttons.green li span { background-position:-16px -175px; }
#tabs-buttons.green li i { background-position:0px -175px; }
#tabs-buttons.green li:hover span { background-position:-16px -200px; }
#tabs-buttons.green li:hover i { background-position:0px -200px; }
#tabs-buttons.green li.selected span { background-position:-16px -150px; color:black; font-weight:bold; }
#tabs-buttons.green li.selected i { background-position:0px -150px; }

/* Negro */
#tabs-buttons.black { border-bottom-color:#333; }
#tabs-buttons.black li span { background-position:-16px -250px; }
#tabs-buttons.black li i { background-position:0px -250px; }
#tabs-buttons.black li:hover span { background-position:-16px -275px; }
#tabs-buttons.black li:hover i { background-position:0px -275px; }
#tabs-buttons.black li.selected span { background-position:-16px -225px; color:black; font-weight:bold; }
#tabs-buttons.black li.selected i { background-position:0px -225px; }

/* Rojo */
#tabs-buttons.red { border-bottom-color:#CA2323; }
#tabs-buttons.red li span { background-position:-16px -325px; }
#tabs-buttons.red li i { background-position:0px -325px; }
#tabs-buttons.red li:hover span { background-position:-16px -350px; }
#tabs-buttons.red li:hover i { background-position:0px -350px; }
#tabs-buttons.red li.selected span { background-position:-16px -300px; color:black; font-weight:bold; }
#tabs-buttons.red li.selected i { background-position:0px -300px; }

/* Mensajes de información */
/* Laterales */
#infobox-lateral {
	margin:0px auto 3px auto;
	width:203px;
}
#infobox-lateral #top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/msgbox.gif);
	margin:0px;
	padding:0px;
	height:7px;
	width:203px;
}
#infobox-lateral #text {
	background-color:#C20808;
	padding:0px 5px 0px 5px;
	width:193px;
	color:white;
	text-align:center;
}
#infobox-lateral #bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/msgbox.gif);
	background-position:0px -7px;
	margin:0px;
	padding:0px;
	height:7px;
	width:203px;
}

/* Colores */
/* Verde */
#infobox-lateral.green #top { background-position:0px -14px; }
#infobox-lateral.green #text { background-color:#3BA800; }
#infobox-lateral.green #bottom { background-position:0px -21px; }

/* Azul */
#infobox-lateral.blue #top { background-position:0px -28px; }
#infobox-lateral.blue #text { background-color:#00B7EF; }
#infobox-lateral.blue #bottom { background-position:0px -35px; }

/* Amarillo */
#infobox-lateral.yellow #top { background-position:0px -42px; }
#infobox-lateral.yellow #text { background-color:#FFC20E; }
#infobox-lateral.yellow #bottom { background-position:0px -49px; }

/* Gris */
#infobox-lateral.grey #top { background-position:0px -56px; }
#infobox-lateral.grey #text { background-color:#DCDCDC; color:#666; }
#infobox-lateral.grey #bottom { background-position:0px -63px; }

/* Central */
#infobox-center {
	margin:0px auto 3px auto;
	width:488px;
}
#infobox-center #top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/msgbox.gif);
    background-position:-203px 0px;
	margin:0px;
	padding:0px;
	height:7px;
	width:488px;
}
#infobox-center #text {
	background-color:#C20808;
	padding:0px 5px 0px 5px;
	width:478px;
	color:white;
	text-align:center;
}
#infobox-center #bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/msgbox.gif);
	background-position:-203px -7px;
	margin:0px;
	padding:0px;
	height:7px;
	width:488px;
}

/* Colores */
/* Verde */
#infobox-center.green #top { background-position:-203px -14px; }
#infobox-center.green #text { background-color:#3BA800; }
#infobox-center.green #bottom { background-position:-203px -21px; }

/* Azul */
#infobox-center.blue #top { background-position:-203px -28px; }
#infobox-center.blue #text { background-color:#00B7EF; }
#infobox-center.blue #bottom { background-position:-203px -35px; }

/* Amarillo */
#infobox-center.yellow #top { background-position:-203px -42px; }
#infobox-center.yellow #text { background-color:#FFC20E; }
#infobox-center.yellow #bottom { background-position:-203px -49px; }

/* Gris */
#infobox-center.grey #top { background-position:-203px -56px; }
#infobox-center.grey #text { background-color:#DCDCDC; color:#666; }
#infobox-center.grey #bottom { background-position:-203px -63px; }

/* Tool Tips */
/* Normal */
.tool-tip {
	margin:0px;
	padding:0px;
}
.tool-tip .tip-top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tool_tips.png);
	width:203px;
	height:6px;
}
.tool-tip .tip {
	background-color:white;
	border-left:1px solid #8A8A8A;
	border-right:1px solid #8A8A8A;
	padding:0px 2px 0px 2px;
	width:197px;
	font-size:10px;
	text-align:center;
}
.tool-tip .tip-bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tool_tips.png);
	background-position:0px -15px;
	height:11px;
	width:203px;
}

/* Negro */
.tool-tip.black {
	margin:0px;
	padding:0px;
}
.tool-tip.black .tip-top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tool_tips.png);
	background-position:0px -26px;
	width:203px;
	height:6px;
}
.tool-tip.black .tip {
	background-color:#313131;
	padding:0px 2px 0px 2px;
	width:198px;
	opacity:.80;
	filter:alpha(opacity=80);
	font-size:10px;
	color:white;
	text-align:center;
}
.tool-tip.black .tip-bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/tool_tips.png);
	background-position:0px -41px;
	width:203px;
	height:6px;
}

/* Cuadros redondeados */
#rounded-box {
	background-color:#E9E9E9;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:488px;
}
#rounded-box #top {
	background-image:url(http://images.habbos.es/websystem/release_7/design/rounded_box.gif);
	background-position:0px 0px;
	height:6px;
	width:488px;
}
#rounded-box #text {
	padding:4px 10px 4px 10px;
	width:468px;
}
#rounded-box #bottom {
	background-image:url(http://images.habbos.es/websystem/release_7/design/rounded_box.gif);
	background-position:0px -75px;
	height:6px;
	width:488px;
}

/* Información de secciones */
#section_information {
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:white;
	border:1px solid #CCC;
	-ms-border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	padding:15px;
	height:205px;
	width:458px;
	color:#333;
}
#section_information h1 {
	margin:0px;
	padding:0px;
	font-size:14px;
}