body{
	margin: 0px;
	padding: 0px;
	
	font-family: Arial;
	font-size: 12px;
}

img{
	border: 0px;
}

input{
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(201,201,201)),
    color-stop(0.73, rgb(255,255,255))
	);
	
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	
	padding: 5px;
}
input:hover{
	border: 1px solid #A0A0A0;
}
input[type="submit"], input[type="button"]{
	padding-left: 15px;
	padding-right: 15px;
}
input[type="submit"]:hover, input[type="button"]:hover{
	cursor: pointer;
}

.static{
	width: 560px;
	height: auto;
}

.center{
	margin: 0px auto;
}

.copyright{
	text-align: center;
	
	font-size: 11px;
	color: #CCCCCC;
	
	padding-top: 10px;
}

.errorbox, .succesbox{
	border-radius: 5px;
	
	background-color: #CC0000;
	
	box-shadow: 1px 1px 2px #C3C3C3;
	
	padding: 5px;
}
.succesbox{
	background-color: #4AB501 !important;
}

	.top, .begin{
		position: relative;
		
		border: 1px solid #C3C3C3;
		border-top: 0px;
		
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
		box-shadow: 0px 1px 2px #CCCCCC;
		
		padding: 10px;
		
		background-color: #FFFFFF;
	}
		.top .logo{			
			width: 110px;
			height: 40px;
			
			margin-bottom: 10px;
		}
		
		.top .balk{
			width: 100%;
			height: 40px;
			
			background: url(../gradient.png) 0px 0px repeat-x;
			box-shadow: 1px 1px 3px #4C4C4C;
			
			border-radius: 5px;
		}
		
		.top .balk .icon{
			height: 55px;
			min-width: 55px;
			
			opacity: 0.1;
		}
			.top .balk .iregister{
				background: url(../menu_icon.png) center 0px no-repeat;
			}
			.top .balk .inews{
				background: url(../menu_icon.png) center -55px no-repeat;	
			}
			.top .balk .ihome{
				background: url(../menu_icon.png) center -110px no-repeat;
			}
			.top .balk .isettings{
				background: url(../menu_icon.png) center -165px no-repeat;
			}
			.top .balk .icredits{
				background: url(../menu_icon.png) center -220px no-repeat;
			}
			.top .balk .ilogout{
				background: url(../menu_icon.png) center -275px no-repeat;
			}
		
		.top .balk .menuitem{
			position: relative;
			top: -80px;
		}
		.top .balk ul{
			list-style: none;
			
			padding: 0px;
			margin: 0px;
		}
			.top .balk ul li{
				line-height: 20px;
				
				float: right;
				
				padding: 10px;
				
				font-weight: bold;
				color: #FFFFFF;
				
				text-align: center;
			}
				.top .balk ul .title{
					float: left !important;
				}
					.top .balk ul .title:hover{
						color: #FFFFFF;
						cursor: none;
					}
				.top .balk ul li:hover{
					color: #CCCCCC;
					cursor: pointer;	
				}
					.top .balk ul li:hover .icon{
						opacity: 1;
					}

.begin{
	position: relative;
	
	padding-top: 0px !important;
	
	background: url(../hotelview.png) center -300px no-repeat;
	
	min-height: 450px;
}

	.page, .page .box{
		width: auto;
		height: auto;
	}
		.page .box{
			width: auto !important;
			
			margin-top: 10px;
			
			border-radius: 5px;
			border: 1px solid #C3C3C3;
			
			box-shadow: 1px 1px 2px #CCCCCC;
			
			background-color: #FFFFFF;
			
			padding: 10px;			
		}
			.page .box .title{
				background: #CC0000 url(../gradient.png) 0px -40px repeat-x;
				
				border-radius: 5px;
				
				box-shadow: 0px -1px 5px #B5B5B5;
				
				height: 32px;
				line-height: 32px;
				
				padding-left: 5px;
				
				color: #FFFFFF;
				font-weight: bold;
			}
			.page .box .content{
				position: relative;
				top: -7px;
				
				margin-top: 15px;
				width: 100% !important;
			}
			
/*---*/

.userinfo{
	height: auto;
	
	position: relative;
}
	.userinfo .status, .userinfo .enter_help{
		position: absolute;
		z-index: 0;
		top: -100px;
		right: 5px;
		
		width: auto;
		height: 30px;
		line-height: 30px;
		
		background-color: rgba(61, 61, 61, 0.8);
		
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
		text-align: center;
		
		padding-right: 5px;
		color: #FFFFFF;
	}
	.userinfo .enter_help{
		left: 5px !important;
		
		padding-right: 0px;
		padding-left: 0px;
		
		width: 235px;
	}
		.userinfo .status .icredits, .userinfo .status .ipixels, .userinfo .status .ibelcr{
			padding-left: 22px;
			height: 22px;
		}
		.userinfo .status .icredits{
			background: url(../user_icon.png) 2px 6px no-repeat;
		}
		.userinfo .status .ipixels{
			background: url(../user_icon.png) 3px -16px no-repeat;
		}
		.userinfo .status .ibelcr{
			background: url(../user_icon.png) 3px -36px no-repeat;
		}
		.userinfo .status p{
			padding: 0px;
			margin: 0px;
			
			float: left;
		}


	.userinfo .bar{
		position: relative;
		
		height: 35px;
		width: auto;
		
		background-color: #333333;
		border: 1px solid #282828;
		
		border-radius: 5px;
		
		margin-top: 100px;
		
		box-shadow: 1px 1px 2px #2B2B2B;
	}
		.userinfo .bar .userimage{
			background: url(../habbo_plate.png) 0px bottom no-repeat;
			
			width: 80px;
			height: 138px;
			
			position: absolute;
			left: 10px;
			bottom: 0px;
			
			padding-left: 14px;
		}
		.userinfo .bar .userimage:hover{
			background: url(../habbo_plate.png) 0px 75px no-repeat;
			cursor: pointer;
		}
		.userinfo .bar .text{
			margin-left: 120px;
			height: 35px;
			line-height: 35px;
			
			color: #FFFFFF;
		}
			.userinfo .bar .text .input{
				background-color: #FFFFFF;
				
				height: 25px;
				line-height: 25px;
				
				border-radius: 5px;
				
				color: #000000;
				
				padding-left: 5px;
				margin-top: 5px;
				margin-right: 5px;				
			}
				.userinfo .bar .text .input input[type="text"]{
					border: 0px !important;
					background: #FFFFFF !important;
					
					padding: 2px !important;
					margin-left: 4px;
					
					width: auto;
				}
	
/*---*/
.news a{
	color: #0066CC;
}

.news .topstory{
	float: left;
	
	width: 212px;
	height: 145px;
	
	border-radius: 5px;
	
	padding: 5px;
	
	color: #FFFFFF;
	
	box-shadow: 2px 2px 2px #7A7A7A;
}
	.news .topstory h3{
		padding: 0px;
		margin: 10px;
	}
	.news .topstory p{
		padding: 0px;
		margin-left: 10px;
	}
	.news .topstory a{
		color: #FFFFFF;
	}

.news .items{
	float: left;
	
	margin-left: 10px;
	
	width: 305px;
}
.news .items-more{
	margin-top: 10px;
}
	.news .items .item, .news .items-more .item{		
		height: 50px;
		padding-top: 2px;
	}
	.news .items p, .news .items-more p{
		padding: 0px;
		padding-bottom: 5px;
		margin: 0px;
	}
	.news .items h3, .news .items-more h3{
		padding: 10px;
		padding-top: 0px;
		padding-left: 0px;
		margin: 0px;
	}
	.news .odd{
		background-color: #ECECEC;
	}
	.news .even{
		background-color: #FFFFFF;
	}

/*---*/


#enter-hotel {
	position: relative;
	top: +10px;
	right: -310px;
	float:right;
	padding:28px 0;
}

#enter-hotel div a, div.div.avatarinfo#enter-hotel div span {
	float: left;
	background: transparent url(../enter_button.png) no-repeat -9px 0;
	height: 49px;
	text-align: center;
	line-height: 47px;
	padding: 0 26px 0 19px;
	font-size: 14px;
	text-decoration:none;
	color:#fff;
	position: relative;
}

#enter-hotel div span {
	padding-right: 10px;	
	background-position: -9px -98px;
}
#enter-hotel div:hover a {
	background-position: -9px -49px;
	text-decoration: none;
}
#enter-hotel div:hover b {
	background-position: 0 -49px;	
}
#enter-hotel div a i {
	background: transparent url(../flashy_arrow.gif) no-repeat 0 50%;
	padding: 10px 10px;
	position: absolute;
	right: 0;
	top: 13px;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
}
#enter-hotel div b {
	float: left;
	background: transparent url(../enter_button.png) no-repeat 0 0;
	height: 49px;
	width: 10px;
}


/**/

.settings .center{
	width: 400px;
}
	.settings #change_password, .settings #change_email, .settings #settings{
		display: none;
	}
	.settings #change_password input[type="password"], .settings #change_email input[type="text"], .settings #settings input[type="text"]{
		width: 50%;
	}