common.css

body {
background-color:#e3e3db;
background-image:url(../images/bg.gif);
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-align:center;
margin:0;
padding:0;
}

input,textarea,select {
font-size:11px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}

a {
color:#fc6204;
}

fieldset {
border:0;
padding:0;
}

li {
list-style:none;
}

h2.title {
font-size:14px;
background-color:#fc6204;
position:relative;
line-height:17px;
margin:0;
padding:4px 10px;
}

.rounded-container h2.title {
height:17px;
padding:0 10px;
}

h2.title span.habblet-close {
position:absolute;
top:0;
right:10px;
cursor:pointer;
width:15px;
height:15px;
background:url(../images/close_x.gif) no-repeat;
}

h2.title,h2.title a {
color:#fff;
text-align:center;
}

h2.title span.username {
width:200px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
}

h2.title span.details {
font-weight:400;
font-size:11px;
margin-left:1em;
position:absolute;
top:0;
right:6px;
color:#999;
}

div.black h2.title {
background-color:#000;
font-weight:400;
}

div.blue h2.title {
background-color:#2767a7;
}

div.green h2.title {
background-color:#4ab501;
position:relative;
}

div.darkred h2.title {
background-color:#c73c3c;
}

div.brown h2.title {
background-color:#a67a3e;
}

div.settings h2.title {
background-color:#595959;
}

div.red h2.title {
background-color:#d64242;
}

div.hcred h2.title {
background-color:#676767;
}

div.activehomes h2.title {
background-color:#51a5d5;
}

div.promogray h2.title {
background-color:#9c350f;
}

div.gray h2.title {
background-color:#333;
}

div.gray .box-content a {
color:#ffb648;
}

div.gray .box-content a:hover {
color:#fcce04;
}

div.loginbox h2.title {
background-color:#6b6b6b;
}

div.loginbox .box-content a {
color:#333;
}

div.loginbox .box-content a.login-register-link {
color:#333;
font-weight:700;
}

div.loginbox .box-content a.login-register-link:hover {
color:#fff;
font-weight:700;
}

div.rooms h2.title {
background-color:#225e6a;
}

div.rooms a {
color:#fc0;
}

div.box-content {
clear:both;
padding:8px 15px;
}

p {
padding-bottom:1em;
margin:0;
}

#column2 {
width:310px;
}

body#news #column1,body#tags #column1 {
width:210px;
}

body#news #column2,body#tags #column2 {
width:560px;
}

body#newcredits #column1,body#cbs2credits #column1,body#credit_offers #column1,#credits_subscription #column1 {
width:770px;
}

#column3,body#news #column3,body#tags #column3,body#newcredits #column2,body#cbs2credits #column2 {
width:160px;
}

#header-container {
background-color:#bce0ee;
background-repeat:repeat-x;
background-image:url(../images/topbg.gif);
background-position:0 100%;
min-width:930px;
z-index:10;
margin:0;
}

#header {
position:relative;
background:url(../images/subnavibg.png) no-repeat 190px 0;
}

body.anonymous #header {
background:0;
}

#header h1 {
float:left;
margin-top:16px;
margin-bottom:0;
z-index:2;
}

#header-container #header h1 {
margin-bottom:18px;
}

#header h1 a,#header h1 span {
text-indent:-10000px;
float:left;
width:140px;
height:55px;
border:0;
background-repeat:no-repeat;
background-image:url(../images/logo.png);
}

#container,#header,#navi2-container {
text-align:left;
width:930px;
z-index:8999;
margin:0 auto;
}

#habbos-online {
position:absolute;
width:110px;
left:781px;
top:15px;
font-size:10px;
text-align:center;
}

#habbos-online span {
display:block;
background-color:#fff;
padding:10px;
}

#navi {
clear:both;
font-size:12px;
}

#navi li {
float:left;
height:28px;
white-space:nowrap;
margin:0 5px 0 0;
}

#navi li strong,#navi li a {
float:left;
height:22px;
background-repeat:no-repeat;
background-image:url(../images/tabs.png);
background-position:-10px -28px;
color:#fff;
font-weight:400;
text-decoration:none;
max-width:290px;
overflow:hidden;
text-overflow:ellipsis;
padding:6px 16px 0 22px;
}

#navi li span {
float:left;
height:28px;
width:6px;
background-repeat:no-repeat;
background-image:url(../images/tabs.png);
background-position:-4px -28px;
}

#navi li.selected strong,#navi li.selected a {
background-position:-10px 0;
color:#000;
font-weight:700;
}

#navi li:hover strong,#navi li:hover a {
background-position:-10px -56px;
}

#navi li:hover span {
background-position:-4px -56px;
}

#navi li.selected:hover strong,#navi li.selected:hover a {
background-position:-10px 0;
}

#navi li.metab i {
padding-left:16px;
font-style:normal;
background:transparent none no-repeat left 50%;
}

#navi #tab-register-now a {
background-position:-10px -84px;
}

#navi #tab-register-now span {
background-position:-4px -84px;
}

#navi #tab-register-now:hover a {
background-position:-10px -112px;
}

#navi #tab-register-now:hover span {
background-position:-4px -112px;
}
#navi #tab-belcredits a{background-image:url(../images/tabs2.png);background-position:-10px -28px;}#navi #tab-belcredits span{background-image:url(../images/tabs2.png);background-position:-4px -28px;}#navi #tab-belcredits:hover a{background-image:url(../images/tabs2.png);background-position:-10px -56px;}#navi #tab-belcredits:hover span{background-image:url(../images/tabs2.png);background-position:-4px -56px;}
#subnavi {
position:absolute;
left:190px;
top:0;
width:572px;
}

#subnavi p,#subnavi ul {
clear:both;
margin:0;
}

#subnavi a.maillink {
padding-left:18px;
background:url(../images/minimail/mail_icons.png) no-repeat 0 50%;
font-weight:700;
text-decoration:none;
color:red;
}

#subnavi a.maillink.newmail {
background-position:-45px 50%;
}

#subnavi-user {
position:absolute;
left:11px;
top:0;
}

#subnavi-user ul {
float:left;
height:38px;
}

#subnavi-user ul li {
float:left;
height:25px;
}

#subnavi-user ul li a {
color:#888;
}

#subnavi-user ul li span.r {
float:left;
height:25px;
width:5px;
}

#subnavi-user ul li.selected a {
background:url(../images/quickmenu.png) no-repeat 0 0;
color:#000;
}

#subnavi-user ul li a span {
display:block;
padding-right:12px;
background:url(../images/subnavi-arrows.png) no-repeat 100% 1px;
}

#subnavi-user ul li.selected a span {
background-position:100% -20px;
padding-right:12px;
}

#subnavi-user ul li.selected span.r {
background:url(../images/quickmenu.png) no-repeat 100% 0;
}

#subnavi-user li a {
font-weight:700;
float:left;
text-decoration:none;
color:#000;
outline:0;
padding:7px 10px;
}

#subnavi-search a.console-active {
background-repeat:no-repeat;
margin-right:26px;
background-image:url(../images/info_icons.png);
background-position:0 0;
text-decoration:none;
color:#333;
float:left;
padding:2px 0 2px 19px;
}

#subnavi-search,#subnavi-login {
position:absolute;
right:0;
top:7px;
text-align:right;
}

#subnavi-search {
width:215px;
}

#subnavi-search ul {
font-size:11px;
margin-right:11px;
padding-bottom:21px;
clear:none;
}

#subnavi-search .search-box-query {
color:#8e8e8e;
padding:4px;
}

.tag-search-form .search-box-query {
padding:4px;
}

#tag-cloud-slim div.bt,#tag-cloud-slim div.bt div,#tag-cloud-slim div.bb,#tag-cloud-slim div.bb div,#tag-cloud-slim div.i1,#tag-cloud-slim div.i2 {
background-image:none;
}

.tags-habbos-like {
font-weight:700;
color:orange;
font-size:16px;
}

#subnavi-search ul li+li {
border-left:1px solid #e8e8e8;
padding-left:5px;
}

#to-hotel {
position:absolute;
top:33px;
right:0;
}

#subnavi-login {
text-align:left;
width:300px;
color:#FFF;
}

#subnavi-login form {
background:url(../images/toolbar/login_bg_top.png) no-repeat top right;
}

#subnavi-login form ul {
margin:0;
padding:8px 11px;
}

#subnavi-login label.login-text {
display:none;
width:120px;
float:left;
text-align:right;
color:#777;
}

#subnavi-login label.login-text b {
padding-right:16px;
}

#subnavi-login:hover,#subnavi-login.focused {
width:420px;
}

#subnavi-login:hover label.login-text,#subnavi-login.focused label.login-text {
display:block;
}

#subnavi-login input.login-field {
width:120px;
margin-bottom:2px;
float:left;
border:1px solid #555;
padding:3px;
}

#subnavi-login #login-submit-new-button b {
padding-left:10px;
padding-right:7px;
width:55px;
}

#subnavi-login-help {
width:300px;
float:right;
font-size:10px;
background:url(../images/toolbar/login_bg_bottom.png) no-repeat bottom right;
}

#subnavi-login-help ul {
margin-bottom:4px;
padding:4px 11px 0;
}

#subnavi-login-help ul li {
float:left;
clear:none;
margin-bottom:4px;
}

#subnavi-login-help ul li a {
color:#FFF;
text-decoration:none;
padding:0 4px;
}

#subnavi-login-help ul li.register {
border-right:1px solid #000;
}

#subnavi-login-help ul li.register a {
padding-left:0;
color:#ffb648;
}

#enter-hotel-link,.enter-hotel-link {
background:url(../images/info_icons.png) no-repeat 0 -288px;
clear:both;
float:left;
padding:2px 0 3px 22px;
}

#enter-hotel-open-medium-link {
background:url(../images/systemavailability/hotel-button-medium-icon.png) no-repeat 100% 0;
float:left;
clear:both;
padding:8px 30px 7px 0;
}

#enter-hotel-open-image {
cursor:pointer;
}

#hotel-closed-medium {
background:url(../images/systemavailability/hotel-button-medium-icon-closed.png) no-repeat 100% 0;
float:left;
clear:both;
padding:5px 30px 7px 0;
}

#navi2-container {
background-image:url(../images/navi2-bottom.png);
background-repeat:no-repeat;
background-position:1px 100%;
padding-bottom:9px;
}

#navi2 {
line-height:18px;
width:100%;
background-image:url(../images/navi2-borders.png);
background-repeat:repeat-y;
background-position:1px 0;
font-size:12px;
}

#navi2 ul {
margin:0 179px 0 2px;
padding:6px 0 0 20px;
}

#navi2 ul li {
float:left;
padding-right:1.3em;
margin-right:1.3em;
border-right:1px solid #e8e8e8;
}

#navi2 ul li.last {
border-right:0;
}

#navi2 ul li a {
color:#134787;
text-decoration:none;
}

#content {
clear:both;
padding-top:5px;
}

#footer {
clear:both;
text-align:center;
font-size:11px;
padding:0 170px 1em 4px;
}

#viewmode #footer,#editmode #footer {
padding-right:4px;
}

#footer p {
padding-top:.7em;
padding-bottom:0;
font-size:9px;
color:#777;
margin:0;
}

ul.widelist li {
margin:0;
padding:.5em 14px;
}

div.box-tabs-container {
position:relative;
}

div.box-tabs-container h2 {
top:0;
left:0;
color:#f60;
font-size:14px;
position:absolute;
margin:0;
padding:3px 0 0 10px;
}

ul.box-tabs {
font-size:11px;
height:25px;
border-bottom:1px solid #f90;
margin:0;
padding:0 5px;
}

ul.box-tabs li {
float:right;
height:25px;
position:relative;
margin:0 0 0 4px;
padding:0;
}

ul.box-tabs li strong,ul.box-tabs li a,ul.box-tabs li span.tab-spacer {
top:1px;
position:relative;
}

ul.box-tabs li a:focus {
outline:0;
}

ul.box-tabs li strong,ul.box-tabs li a {
float:left;
height:19px;
background-repeat:no-repeat;
background-image:url(../images/inner-tabs.png);
background-position:-16px -25px;
color:#fff;
font-weight:400;
text-decoration:none;
max-width:184px;
overflow:hidden;
padding:6px 10px 0 14px;
}

ul.box-tabs li span.tab-spacer {
float:left;
height:25px;
width:4px;
background:url(../images/inner-tabs.png) no-repeat -12px -25px;
}

ul.box-tabs li.selected strong,ul.box-tabs li.selected a {
background-position:-16px 0;
color:#000;
font-weight:700;
}

ul.box-tabs li:hover a {
background-position:-16px -50px;
}

ul.box-tabs li:hover span.tab-spacer {
background-position:-12px -50px;
}

ul.box-tabs li.selected:hover a {
background-position:-16px 0;
}

div.box-tabs-container h2.page-owner {
position:relative;
float:left;
}

div.blue a.secondary {
color:#2767a7;
}

div.blue div.box-tabs-container h2 {
color:#009dff;
}

div.blue ul.box-tabs {
border-bottom-color:#528dc9;
}

div.blue ul.box-tabs li strong,div.blue ul.box-tabs li a {
background-position:-16px -100px;
}

div.blue ul.box-tabs li span.tab-spacer {
background-position:-12px -100px;
}

div.blue ul.box-tabs li:hover a {
background-position:-16px -125px;
}

div.blue ul.box-tabs li:hover span.tab-spacer {
background-position:-12px -125px;
}

div.green a.secondary {
color:#4ab501;
}

div.green ul.box-tabs {
border-bottom-color:#3ba800;
}

div.red div.box-tabs-container h2 {
color:#d64242;
}

div.red ul.box-tabs {
border-bottom-color:#d64242;
}

div.red ul.box-tabs li strong,div.red ul.box-tabs li a {
background-position:-16px -325px;
}

div.red ul.box-tabs li span.tab-spacer {
background-position:-12px -325px;
}

div.red ul.box-tabs li:hover a {
background-position:-16px -350px;
}

div.red ul.box-tabs li:hover span.tab-spacer {
background-position:-12px -350px;
}

div.hcred div.box-tabs-container h2 {
color:#7a7a7a;
}

div.hcred ul.box-tabs {
border-bottom-color:#7a7a7a;
}

div.lightbrown div.box-tabs-container h2 {
color:#cf9c44;
}

div.lightbrown ul.box-tabs {
border-bottom-color:#cf9c44;
}

div.black ul.box-tabs {
border-bottom-color:#333;
}

div.black ul.box-tabs li strong,div.black ul.box-tabs li a {
background-position:-16px -250px;
}

div.black ul.box-tabs li span.tab-spacer {
background-position:-12px -250px;
}

div.black ul.box-tabs li:hover a {
background-position:-16px -275px;
}

div.black ul.box-tabs li:hover span.tab-spacer {
background-position:-12px -275px;
}

ul.box-tabs li a.icon-help-tab,ul.box-tabs li.selected a.icon-help-tab {
padding:3px 10px 3px 14px;
}

ul.box-tabs li a.icon-help-tab span,ul.box-tabs li.selected a.icon-help-tab span {
float:left;
background:url(../images/help.gif) no-repeat 0 0;
width:16px;
height:16px;
margin:0;
padding:0;
}

html>body .habblet-container .default li.odd:hover {
background-color:#fff6ee;
}

html>body .habblet-container .default li.even:hover {
background-color:#fff0dc;
}

.topdialog {
text-align:left;
position:absolute;
width:398px;
z-index:9001;
}

.topdialog-body {
padding:10px 10px 0;
}

a.topdialog-exit {
height:15px;
width:15px;
position:absolute;
right:13px;
top:9px;
text-indent:-10000px;
background:transparent url(../images/close_x.gif) no-repeat;
}

.black a.topdialog-exit {
background:transparent url(../images/close_x_black.png) no-repeat;
}

.topdialog .box-tabs {
border-bottom:1px solid #000;
}

.cbb {
background:#fff;
margin:8px;
padding:0;
}

.bt {
height:5px;
background:no-repeat 100% 0;
margin:0 0 0 18px;
}

.bt div {
position:relative;
left:-18px;
width:18px;
height:5px;
background:no-repeat 0 0;
font-size:0;
line-height:0;
z-index:1;
}

.bb {
height:9px;
background:no-repeat 100% 100%;
position:relative;
margin:0 0 0 8px;
}

.bb div {
position:absolute;
left:-8px;
width:8px;
height:9px;
background:no-repeat 0 100%;
font-size:0;
line-height:0;
display:block;
}

.i1 {
background:url(../images/borders.png) repeat-y;
padding:0 0 0 1px;
}

.i2 {
background:url(../images/borders.png) repeat-y top right;
padding:0 1px 0 0;
}

.i3 {
background:#fff;
z-index:0;
display:block;
margin:0;
padding:0;
}

.topdialog .bt,.topdialog .bt div,.topdialog .bb,.topdialog .bb div {
background-image:url(../images/box_black_borders.png);
}

.topdialog .i1,.topdialog .i2 {
background-image:url(../images/borders_black.png);
}

#content .cbb.gray {
background:#9a9a91;
}

#content .gray .i3 {
background-color:#94948b;
}

#content .cbb.lightgreen {
background:#d5e7d8;
}

#content .lightgreen .i3 {
background-color:#d5e7d8;
}

#content .cbb.loginbox {
background:#b4b4ae;
}

#content .loginbox .i3 {
background-color:#b4b4ae;
}

#content .black .i3 {
background-color:#000;
}

#content .cbb.rooms {
background:#4596a9;
}

#content .rooms .i3 {
background-color:#4596a9;
background-image:url(../images/welcome/roompattern_bg.png);
}

#content .cbb.darkgray {
background:#747474;
}

#content .darkgray .i3 {
background-color:#747474;
color:#fff;
}

.the-qtab {
position:absolute;
width:220px;
z-index:99;
font-size:11px;
}

.qtab-container-bottom {
background-repeat:no-repeat;
background-image:url(../images/quickmenu.png);
background-position:bottom left;
padding:6px 1px 10px;
}

.qtab-container {
text-align:left;
max-height:460px;
overflow:auto;
}

.qtab-container-top {
background-repeat:no-repeat;
background-image:url(../images/quickmenu_top.png);
background-position:0 0;
height:4px;
font-size:1px;
}

.qtab-subtitle {
text-align:center;
padding:4px 14px 0;
}

.qtab-category {
color:#f66200;
border-bottom:1px dashed #777;
padding-bottom:3px;
}

.qtab-container li a {
text-decoration:none;
color:#333;
width:174px;
overflow:hidden;
text-overflow:ellipsis;
float:left;
}

#offline-friends li a {
color:#777;
}

.qtab-link {
display:block;
cursor:pointer;
color:#000;
text-decoration:underline;
text-align:right;
}

.qtab-paging {
padding-top:1em;
padding-bottom:0;
text-align:center;
margin:0 0 20px;
}

.qtab-container li {
overflow:hidden;
padding:4px 14px 3px;
}

#qtab-follow a,#qtab-follow span {
background:transparent url(../images/info_icons.png) no-repeat 100% -384px;
width:16px;
height:16px;
display:block;
}

#qtab-follow span {
background:transparent url(../images/info_icons.png) no-repeat 100% -832px;
}

#quickmenu-groups li a {
width:auto;
}

div.favourite-group,div.owned-group,div.admin-group,#quickmenu-groups li a.group-room,#staffpicks-groups-habblet-list-container a.group-room {
display:block;
float:right;
width:16px;
height:16px;
background:transparent url(../images/info_icons.png) no-repeat;
}

div.favourite-group {
background-position:100% -433px;
}

div.owned-group {
background-position:100% -480px;
}

div.admin-group {
background-position:100% -528px;
}

#quickmenu-groups li a.group-room,#staffpicks-groups-habblet-list-container a.group-room {
background-position:0 -800px;
width:19px;
}

#staffpicks-habblet-list-container a.group-room {
margin-top:15px;
width:24px;
}

#qtab-container-myrooms p.create-room,#qtab-container-mygroups p.create-group,#qtab-container-myfriends p.manage-friends {
border-top:1px dashed #777;
margin:0;
padding:4px 14px 3px;
}

#qtab-container-myrooms p.create-room a,#qtab-container-mygroups p.create-group a {
background:transparent url(../images/myhabbo_icons.png) no-repeat 100% -236px;
padding:0 21px 2px 0;
}

.habblet-button-row {
padding:8px 15px 0;
}

ul.habblet-list {
margin:10px 0 0;
padding:0;
}

ul.habblet-list li {
background-repeat:no-repeat;
padding:2px 0 1px 25px;
}

ul.habblet-list.two-cols li.right .item {
border-left:1px solid #d9d9d9;
}

ul.habblet-list.two-cols li {
float:left;
width:50%;
padding:0;
}

ul.habblet-list.two-cols li div.item {
padding:2px 0 1px 25px;
}

ul.habblet-list li span.index {
float:left;
padding-right:8px;
color:#777;
}

ul.habblet-list li div.link p {
color:#a2a2a2;
}

.habblet-content-info {
border-bottom:1px dashed #ccc;
padding:5px 0 5px 15px;
}

.habblet-content-info #enter-hotel-link {
float:none;
}

.widehabblet {
width:335px;
}

#avatar-habblet-list-container ul.habblet-list li {
padding-left:38px;
padding-right:0;
background-repeat:no-repeat;
background-position:5px 50%;
cursor:pointer;
clear:both;
}

#avatar-habblet-list-container ul.habblet-list li div {
float:left;
display:block;
overflow:hidden;
white-space:nowrap;
}

#avatar-habblet-list-container ul.habblet-list li div.item {
width:206px;
}

#avatar-habblet-list-container ul.habblet-list li div.lastlogin {
width:174px;
}

#avatar-habblet-list-container ul.habblet-list li div.tools {
padding-top:7px;
padding-right:8px;
float:right;
}

#avatar-habblet-list-container ul.habblet-list li div.tools a {
float:right;
background-repeat:no-repeat;
width:19px;
height:16px;
display:block;
}

#avatar-habblet-list-container ul.habblet-list li div.tools a.follow {
background-image:url(../images/info_icons.png);
background-position:100% -384px;
}

#avatar-habblet-list-container ul.habblet-list li div.tools a.add {
background-image:url(../images/shared_icons/small_icons.png);
background-position:100% -774px;
}

#avatar-habblet-list-container ul.habblet-list li div.clear {
clear:both;
float:none;
}

#avatar-habblet-list-search {
float:right;
padding-right:8px;
margin:10px 0;
}

#avatar-habblet-search-string {
float:left;
margin-right:7px;
}

#habbo-search-error-container {
width:240px;
float:right;
margin:5px 8px 0 0;
}

#avatar-habblet-search-button {
margin-left:0;
float:left;
}

#invite-friend-button {
display:block;
float:left;
line-height:20px;
padding-right:21px;
background:transparent url(../images/myhabbo_icons.png) no-repeat 100% -234px;
margin:5px 15px;
}

#invitation_message {
float:left;
width:54%;
height:75px;
}

#invitation-email {
float:left;
margin-left:10px;
width:40%;
}

input.invitation-input {
margin-left:2px;
width:85%;
}

#purse-habblet input.redeemcode {
width:155px;
float:left;
}

#purse-habblet li.icon-purse {
background-image:url(../images/purse/purse_icon.gif);
background-repeat:no-repeat;
background-position:22px 9px;
padding:10px 0 15px 60px;
}

span.purse-balance-amount {
font-size:1.2em;
font-weight:700;
}

#purse-redeem-result {
text-align:center;
clear:both;
padding:8px 15px 0;
}

#rooms-habblet-list-container li.locked {
background-image:url(../images/locked.gif);
background-repeat:no-repeat;
background-position:4px;
}

div.groups-list li .item {
display:block;
height:42px;
margin-right:30px;
color:#000;
padding:2px 0 2px 60px;
}

div.groups-list .new-gb-entries,div.groups-list .new-posts {
float:right;
line-height:18px;
text-indent:-10000px;
clear:right;
outline:0;
margin:2px 10px;
padding:0 0 0 16px;
}

div.groups-list .new-gb-entries {
background:transparent url(../images/info_icons.png) no-repeat 100% -241px;
}

div.groups-list .new-posts {
background:transparent url(../images/info_icons.png) no-repeat 100% -336px;
}

div.groups-list p.groups-info-text {
margin-top:5px;
padding-left:11px;
}

a.hotgroups-toggle-more-data {
float:right;
margin-top:7px;
padding-right:10px;
}

#homes-habblet-list-container li div.item {
height:45px;
padding:10px 0 2px 60px;
}

#content .habblet-container.news-promo .i1 {
background-repeat:no-repeat;
background-position:0 5px;
}

#content .habblet-container.news-promo .i2 {
background-repeat:no-repeat;
background-position:right 5px;
}

.notitle .bt div {
z-index:0;
}

#newspromo #topstories {
position:relative;
height:187px;
}

#newspromo #topstories #topstories-nav {
position:absolute;
top:0;
left:0;
height:21px;
width:100%;
background:transparent url(../images/topstories_nav_bg.png) no-repeat top left;
color:#fff;
text-align:center;
line-height:21px;
}

#newspromo #topstories #topstories-nav a.prev {
left:10px;
}

#newspromo #topstories #topstories-nav a.next {
right:10px;
}

#newspromo #topstories #topstories-nav a {
top:0;
color:#fff;
text-decoration:none;
position:absolute;
}

#newspromo .topstory {
background:transparent none no-repeat;
background-color:#d8d9ce;
color:#fff;
height:177px;
width:272px;
position:absolute;
top:0;
left:0;
padding:5px 14px;
}

#newspromo .topstory h4 {
font-weight:400;
text-transform:uppercase;
font-size:11px;
margin:0 0 3px;
padding:0;
}

#newspromo .topstory h3 {
font-size:18px;
margin:0 0 10px;
padding:0;
}

#newspromo .topstory p.summary {
width:65%;
}

#newspromo .newsitem-date {
color:#888;
font-size:10px;
margin-top:2px;
}

#newspromo li.odd a,#newspromo li.even a {
color:#333;
text-decoration:none;
}

#article-wrapper h2 {
color:#f60;
font-size:16px;
margin:0 0 4px;
}

#article-wrapper .article-meta {
color:#959699;
margin-bottom:8px;
border-top:1px solid #f60;
padding-top:7px;
}

#article-wrapper img.article-image {
float:right;
margin:0 0 10px 10px;
}

#article-wrapper .article-images {
clear:both;
margin:15px 0;
}

#article-wrapper .article-images a {
display:block;
width:120px;
height:100px;
background-repeat:no-repeat;
float:left;
border:3px solid #999;
margin:0 1em 1em 0;
}

#article-wrapper .article-author {
margin-top:10px;
font-weight:700;
}

#article-archive ul {
margin:0 0 1.5em 15px;
}

#article-archive ul li {
margin:5px 0;
}

#article-archive h2 {
font-size:100%;
border-bottom:1px dashed #666;
margin:0;
padding:3px 0;
}

#article-paging {
padding-bottom:1.5em;
}

.tag-list li {
display:inline;
margin-right:5px;
}

a.tag-remove-link,a.tag-add-link,.tag-list li span {
background:transparent url(../images/tags/tags.gif) no-repeat 0 0;
margin-left:4px;
outline:0;
font-size:1px;
zoom:1;
padding:8px 10px 1px 0;
}

.tag-list li span {
background-position:-40px 0;
}

a.tag-remove-link:hover {
background-position:-10px 0;
text-decoration:none;
}

a.tag-add-link {
background-position:-20px 0;
}

a.tag-add-link:hover {
background-position:-30px 0;
text-decoration:none;
}

.add-tag-form,.tag-search-form {
margin-top:1em;
}

.add-tag-form em.tag-question {
float:left;
color:#888!important;
font-style:normal;
margin-top:3px;
}

#add-tag-input {
width:100px;
margin:3px 10px 0 5px;
}

p.paging-navigation {
text-align:right;
line-height:20px;
margin-top:3px;
padding:0 15px 0 0;
}

p.paging-navigation a,p.paging-navigation .current,p.paging-navigation .disabled {
border:1px solid #ffba00;
text-decoration:none;
color:#f90;
padding:2px 5px;
}

p.paging-navigation a:hover {
border:1px solid #f90;
}

p.paging-navigation .current {
border:1px solid #f90;
background-color:#f90;
color:#fff;
}

p.paging-navigation .disabled {
border:1px solid #d9d9d9;
color:#d9d9d9;
}

.blue p.paging-navigation a {
color:#528dc9;
border:1px solid #66ade4;
}

.blue p.paging-navigation a:hover {
border:1px solid #528dc9;
}

.blue p.paging-navigation .current {
background-color:#528dc9;
color:#fff;
border:1px solid #528dc9;
}

.green p.paging-navigation a {
color:#4bb601;
border:1px solid #4bcd00;
}

.green p.paging-navigation a:hover {
border:1px solid #4bb601;
}

.green p.paging-navigation .current {
background-color:#4bb601;
color:#fff;
border:1px solid #4bb601;
}

#login-habblet {
background:url(../images/popup/signin_bg.gif) no-repeat bottom right;
}

form.login-habblet li {
clear:both;
margin:0;
padding:5px;
}

form.login-habblet li.no-label {
padding-left:81px;
}

form.login-habblet input {
float:left;
margin-right:6px;
}

form.login-habblet li.no-label input {
margin-left:0;
padding:0;
}

form.login-habblet .login-text {
float:left;
width:75px;
padding:3px 0 0;
}

form.login-habblet .login-field {
width:87px;
border:1px solid #555;
padding:5px;
}

form.login-habblet li span.username {
float:left;
padding-top:3px;
font-weight:700;
}

div.flash-message {
margin-bottom:8px;
text-align:center;
}

div.action-error div a {
color:#ffcc02;
}

div.action-confirmation div {
background-color:#4bb601;
color:#fff;
}

body#logout .flash-message {
font-weight:700;
font-size:1.2em;
width:90%;
margin:0 auto;
}

#remember-me-notification {
color:#333;
position:absolute;
width:220px;
z-index:1;
top:179px;
right:0;
}

div.progressbar {
text-align:center;
padding:8px;
}

div.rounded,div.rounded-done {
padding:0 8px;
}

div.rounded-orange {
color:#fff;
background-color:#f29400;
}

div.rounded-red {
color:#fff;
background-color:#e2001a;
}

div.rounded-hcred {
background-color:#7a7a7a;
}

div.rounded-green {
color:#fff;
background-color:#3ba800;
}

div.rounded-darkgray {
color:#fff;
background-color:#595959;
}

div.rounded-blue {
color:#fff;
background-color:#39c;
}

#overlay {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:9000;
background-color:#000;
-moz-opacity:.5;
opacity:.50;
filter:alpha(opacity=50);
-ms-filter:alpha(opacity=50);
}

#overlay_progress {
position:absolute;
top:0;
left:-1500px;
z-index:9000;
color:#fff;
text-align:center;
font-weight:700;
font-size:12px;
}

#credits-methods {
list-style:none;
margin-top:4px;
clear:both;
}

#credits-methods h4 {
background-color:#ececec;
font-size:11px;
font-weight:700;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin:0;
padding:4px 8px;
}

#credits-methods h4.credits-category-promo {
background-color:#ffd403;
border-color:#dcb600;
}

#credits-methods h4.credits-category-subscription {
background-color:#d0e8bd;
border-color:#b0d890;
}

#credits-methods li ul li {
padding:1px;
}

#credits-methods li ul li+li div.credits-method-container {
border-top:1px solid #ccc;
}

#credits-methods li ul li div.credits-method-container {
padding:5px 14px;
}

#credits-methods li div.credits-method-container.selected {
border:2px solid #aeafa6;
padding:3px 12px;
}

#credits-methods li ul li h3 {
font-size:11px;
font-weight:700;
margin:0;
padding:0 0 5px;
}

#credits-methods li ul li p {
margin:0;
padding:0 0 5px;
}

#credits-methods div.credits-tools {
text-align:right;
padding:0 0 4px 6px;
}

#credits-methods div.bestvalue {
text-align:center;
text-transform:uppercase;
font-size:10px;
font-weight:700;
background-color:#fc0;
clear:both;
float:right;
padding:3px 6px;
}

#credits-methods div.credits-summary {
min-height:60px;
padding-left:70px;
background-repeat:no-repeat;
}

#credits-methods p.credits-read-more {
color:#fc6204;
text-decoration:underline;
cursor:pointer;
}

#credits-countries {
list-style:none;
margin:0 14px;
}

p.credits-countries-select {
margin:5px 14px 0;
}

#credits-countries li {
background-color:transparent;
float:left;
text-align:center;
margin-right:30px;
}

#credits-countries li a {
text-decoration:none;
color:gray;
}

#credits-countries li h2 {
font-size:10px;
font-weight:400;
}

#credits-countries li img {
margin-bottom:3px;
padding:3px 3px 3px 11px;
}

#credits-countries li.selected img {
background:url(../images/credits/flag_selected.png) no-repeat;
padding-right:6px;
}

#credits-countries li span {
padding-left:8px;
}

.article-body ul.errors li,.article-body span.error {
color:red;
}

#hc-membership-giftNumber {
position:absolute;
font-size:18px;
color:#FFF;
z-index:2;
left:211px;
top:40px;
}

#hc-membership-nextGift {
margin:0 auto;
}

#hc-membership-giftName {
font-weight:700;
color:#d64242;
}

#hc-membership-gift {
position:relative;
text-align:right;
margin-left:-14px;
}

#hc-membership-giftPicture {
z-index:1;
}

#hc-catalog-starGreen {
background:url(../images/hc_star_green.png) no-repeat 0 0;
width:106px;
height:106px;
display:block;
float:left;
}

#hc-catalog {
font-size:11px;
padding-bottom:17px;
}

#hc-catalog-giftName {
text-align:center;
font-weight:700;
clear:both;
}

#hc-catalog-giftPicture img {
max-width:150px;
width:expression(this.width>150?150:true);
}

#hc-catalog-giftNumber {
font-size:large;
color:#FFF;
text-align:center;
padding-top:40px;
}

.hc-catalog-monthNumber {
text-align:center;
width:27px;
float:left;
}

.hc-catalog-navi {
float:left;
margin-left:3px;
}

ul.active-discussions-toplist li {
height:20px;
padding-left:13px;
white-space:nowrap;
}

ul.active-discussions-toplist li a.topic {
text-decoration:none;
color:#000;
margin-top:3px;
display:block;
width:252px;
overflow:hidden;
float:left;
}

ul.active-discussions-toplist li img.topic-closed-image {
margin-left:5px;
}

ul.active-discussions-toplist li div.topic-info {
margin-top:3px;
padding-right:36px;
text-align:right;
float:right;
width:147px;
}

ul.active-discussions-toplist li div.post-icon {
background-image:url(../images/info_icons.png);
background-position:152px -336px;
background-repeat:no-repeat;
height:16px;
}

ul.active-discussions-toplist li .grey {
color:#aaa;
}

a.discussions-toggle-more-data {
background:transparent url(../images/more_arrows.png) no-repeat 100% -93px;
float:left;
padding-right:14px;
margin:7px 0 10px 10px;
}

a.discussions-toggle-more-data.less {
background:transparent url(../images/more_arrows.png) no-repeat 100% -141px;
}

#homes-habblet-list-container {
background-image:url(../images/activehomes/stripepattern.gif);
position:relative;
}

#homes-habblet-list-container .active-habbo-image,#homes-habblet-list-container .active-habbo-data {
display:none;
position:absolute;
left:-1000px;
}

#homes-habblet-list-container .active-habbo-image-placeholder {
background-repeat:no-repeat;
position:absolute;
height:110px;
width:64px;
background-image:url(../images/activehomes/habbo_skeleton.gif);
}

#homes-habblet-list-container .active-habbo-imagemap {
position:relative;
z-index:9001;
}

div.bubbletip div.content {
text-align:left;
overflow:hidden;
background:url(../images/tooltips/bubble-bottom.png) no-repeat left bottom;
}

div.bubbletip p.moto {
padding-top:7px;
padding-bottom:0;
color:#595959;
}

div.bubbletip .active-name {
background-repeat:no-repeat;
background-position:70%;
height:16px;
font-weight:700;
}

div.bubbletip .active-name.offline {
background-image:url(../images/offline.gif);
}

#faq {
background-color:#fff;
width:730px;
height:100%;
text-align:left;
}

#faq-header {
background-color:#b2b2b2;
width:100%;
padding-top:0;
margin-top:0;
position:relative;
}

#faq-header form.search-box {
position:absolute;
top:0;
left:206px;
display:inline;
}

#faq-header .search-box-query {
margin-top:22px;
margin-left:20px;
margin-right:10px;
color:#777;
}

#faq-container {
min-height:450px;
}

#faq-category-list {
float:left;
width:200px;
height:100%;
}

#faq-category-list ul.faq {
margin-left:8px;
margin-top:10px;
margin-bottom:10px;
}

#faq-category-list ul.faq li a {
color:gray;
text-decoration:none;
cursor:pointer;
}

#faq-category-content {
float:right;
width:530px;
}

#faq-category-content #faq-category-container {
margin-top:10px;
margin-bottom:10px;
margin-right:20px;
}

#faq-category-content h4.faq-item-header,#faq-category-content h4.faq-item-header span {
color:gray;
font-weight:400;
margin-top:0;
margin-bottom:0;
cursor:pointer;
font-size:11px;
}

#faq-category-content h4.faq-item-header span:hover {
color:#76c7e6;
padding-left:1em;
}

#faq-category-content h4.faq-item-header span.item-category,#faq-category-content h4.faq-item-header span.item-category:hover {
color:gray;
font-style:italic;
padding-left:0;
cursor:auto;
}

#faq-category-content div.faq-item-content {
color:gray;
background-color:#efefef;
margin-top:2px;
padding:8px;
}

#faq-category-content div.faq-item-content div.faq-close-button {
right:4px;
cursor:pointer;
float:right;
padding:4px;
}

#faq-container .selected {
color:#76c7e6;
padding-left:4px;
}

#faq-footer {
color:#909090;
background-color:#d9d9d9;
text-align:center;
width:100%;
padding:10px 0;
}

#invitation-info-habblet h2.title {
background-color:#559edc;
}

#inviter-info-habblet img {
float:left;
margin-left:-5px;
}

#inviter-info-habblet p {
float:left;
width:232px;
margin:10px 0 0 65px;
padding:0;
}

#column2 #inviter-info-habblet p {
margin-left:9px;
}

#inviter-info-habblet p span.text {
display:block;
background:#fff url(../images/tooltips/large-bubble.png) no-repeat 0 0;
padding:11px 19px 11px 15px;
}

#inviter-info-habblet p span.text em {
background:transparent url(../images/offline.gif) no-repeat top right;
height:16px;
display:block;
}

#inviter-info-habblet p span.bottom {
display:block;
height:6px;
background:#fff url(../images/tooltips/large-bubble.png) no-repeat 0 100%;
}

#tag-search-habblet-container .result-title {
font-weight:700;
font-size:11px;
}

#tag-search-habblet-container .result-description {
font-style:italic;
font-size:11px;
}

#tag-search-habblet-container ul.tag-list a:link,ul.tag-list a:visited {
color:#000;
text-decoration:none;
font-weight:400;
}

#tag-search-habblet-container form.search-box {
margin-top:10px;
padding-left:45px;
}

#tag-search-habblet-container input.search-box-query {
width:70%;
}

#tag-search-habblet-container input.search-box-sidebar-query {
width:95%;
}

#tag-search-habblet-container p.search-result-divider {
margin:5px;
}

#tag-search-habblet-container table.search-result {
border-spacing:0;
border-collapse:collapse;
width:100%;
clear:both;
}

#tag-search-habblet-container table.search-result tr.odd {
background-color:#e6e6e6;
}

#tag-search-habblet-container table.search-result tr.even {
background-color:#FFF;
}

#tag-search-habblet-container table.search-result tr td.image {
padding-left:5px;
padding-right:5px;
}

#tag-search-habblet-container table.search-result tr td.text {
padding-top:5px;
padding-bottom:5px;
}

#tag-match-form #tag-match-send {
float:right;
margin-top:15px;
}

#tag-match-result {
margin-bottom:7px;
}

#tag-fight-habblet-container #tag-fight-button,#tag-fight-habblet-container #tag-fight-button-new {
float:right;
margin-top:5px;
}

#tag-fight-habblet-container .fight-image {
text-align:center;
margin:10px 5px;
}

.credits-info .credits-text-2 {
margin-top:7px;
}

.pixels-infobox-text {
margin-right:auto;
margin-left:auto;
width:70%;
}

#content .pixelblue .i3 {
background-color:#6dcdf6;
background-image:url(../images/surfer/pixelpage_surferdude_crop.gif);
width:452px;
height:377px;
}

#content .pixelblue .i1 {
padding-left:0;
}

#notfound-content .error-text {
float:left;
position:relative;
width:80%;
}

#notfound-content #error-image {
float:right;
display:inline;
position:relative;
}

div.webstore-frank div.blackbubble-bottom-body img.invitation-tail {
margin-right:60px;
}

table.tx-history {
border:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
}

table.tx-history td,table.tx-history th {
text-align:left;
margin:0;
padding:2px 15px;
}

table.tx-history th {
color:#999;
font-size:10px;
font-weight:400;
}

table.tx-history .tx-date {
white-space:nowrap;
}

table.tx-history .tx-description {
width:100%;
}

ul.tx-navi {
padding-bottom:8px;
text-align:center;
}

#tx-log p,ul.tx-navi {
margin:0 15px;
}

div.purse-tx {
font-size:10px;
}

#hr-container {
background-color:#eee;
width:160px;
padding:1px;
}

div.hr-headline {
padding-top:5px;
font-weight:700;
text-align:center;
color:#000;
font-size:11px;
}

div.hr-headline-bg {
background-color:#ccc;
height:20px;
}

div.hr-image {
float:left;
clear:none;
margin:6px 0 0 6px;
}

div.hr-box {
height:145px;
background-color:#fff;
border:#ccc solid 1px;
overflow:hidden;
margin:1px 0 0;
}

div.hr-bold {
font-size:10px;
color:#333;
font-weight:700;
overflow:hidden;
height:60px;
margin:6px 6px 0;
}

div.hr-body {
font-size:10px;
color:#666;
height:70px;
overflow:hidden;
background-color:#FFC0CB;
margin:6px 6px 0;
}

div.hr-body a {
font-size:11px;
color:#f60;
font-weight:700;
}

#hr-container div {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}

.partnerbox {
color:#666;
text-align:center;
}

.partnerbox a {
color:#4bb601;
}

.partnerbox-credits {
padding:2px 15px 5px;
}

.partnerbox ul {
list-style:none;
margin-top:5px;
padding:0;
}

.partnerbox li {
clear:both;
padding:5px 0 0;
}

.partnerbox li.partnerbox-group a,.partnerbox li.partnerbox-room a {
background:transparent url(../images/info_icons.png) no-repeat;
line-height:16px;
padding:0 23px 3px 0;
}

.partnerbox li.partnerbox-group a {
background-position:100% -865px;
}

.partnerbox li.partnerbox-room a {
background-position:100% -800px;
}

#group_purchase_form {
width:284px;
position:absolute;
left:-1500px;
top:0;
}

#group-description-area {
margin-top:4px;
}

#description_chars_left {
font-weight:400;
float:right;
position:relative;
}

#description_text {
float:left;
font-weight:700;
padding-top:3px;
}

#group_description {
width:98%;
height:150px;
}

#group_description-counter {
background-color:#FC0;
}

#current-events .category-selector,#current-events .no-events {
padding:5px 25px 0 10px;
}

#current-events .event-date {
font-size:9px;
color:#666;
}

.room-occupancy-0 {
background-image:url(../images/rooms/room_icon_1.gif);
-moz-opacity:.6;
opacity:.60;
filter:alpha(opacity=60);
-ms-filter:alpha(opacity=60);
}

.room-occupancy-1 {
background-image:url(../images/rooms/room_icon_1.gif);
}

.room-occupancy-2 {
background-image:url(../images/rooms/room_icon_2.gif);
}

.room-occupancy-3 {
background-image:url(../images/rooms/room_icon_3.gif);
}

.room-occupancy-4 {
background-image:url(../images/rooms/room_icon_4.gif);
}

.room-occupancy-5 {
background-image:url(../images/rooms/room_icon_5.gif);
}

#column2 #staffpicks-groups-habblet-list-container ul.habblet-list.two-cols li {
float:none;
width:auto;
}

#column2 #staffpicks-groups-habblet-list-container ul.habblet-list.two-cols li div.item {
padding:0;
}

#invitation-link-container .copytext {
padding-left:93px;
background:transparent url(../images/mgm_dialogue.png) no-repeat 10px 0;
padding-bottom:20px;
}

#invitation-link-container h3 {
font-size:13px;
margin:15px 0;
padding:0;
}

#intermediate #enter-hotel {
background:transparent url(../images/personal_info/orange_thing.png) no-repeat 50% 0;
width:184px;
height:49px;
margin-left:auto;
margin-right:auto;
padding:28px 0;
}

#intermediate .enter-btn a {
width:130px;
white-space:nowrap;
padding:0 26px 0 19px;
}

#intermediate #enter-mypage {
text-align:center;
padding-bottom:15px;
font-weight:700;
font-size:20px;
}

#intermediate #info {
text-align:center;
clear:both;
padding:15px 90px;
}

div.roundedrect,div.roundedrect-done {
padding:6px 8px;
}

div.roundedrect-gray {
color:#fff;
background-color:#666;
}

div.roundedrect-white {
color:#000;
background-color:#fff;
}

#hotcampaigns-habblet-list-container {
padding:5px 5px 0;
}

#hotcampaigns-habblet-list-container p {
padding:5px;
}

#hotcampaigns-habblet-list {
list-style-type:none;
margin:0;
padding:0;
}

#hotcampaigns-habblet-list li {
float:left;
clear:both;
width:100%;
}

#hotcampaigns-habblet-list li div.hotcampaign-container {
padding:5px 10px;
}

#hotcampaigns-habblet-list li p.link {
text-align:right;
margin:0;
padding:0;
}

#hotcampaigns-habblet-list li p.link a {
color:#399001;
}

#hotcampaigns-habblet-list li h3 {
font-size:13px;
margin:5px 0 0;
padding:0;
}

#hotcampaigns-habblet-list li img {
margin:5px 5px 5px 0;
}

#avatar-selector-habblet li {
height:64px;
}

#avatar-selector-habblet li.unverified {
height:100px;
}

#avatar-selector-habblet .avatar-image {
float:left;
padding-left:10px;
}

#avatar-selector-habblet .lost {
opacity:.4;
filter:alpha(opacity=40);
}

#avatar-selector-habblet .avatar-info-container {
float:left;
padding:18px 0 0 10px;
}

#avatar-selector-habblet .avatar-select {
float:right;
padding:22px 15px 0 0;
}

#avatar-selector-habblet .avatar-name {
font-size:14px;
font-weight:700;
}

#avatar-selector-habblet ul {
max-height:300px;
overflow:auto;
}

#avatar-selector-habblet .add-character {
float:right;
right:15px;
top:20px;
}

#avatar-selector-habblet .not-my-character {
float:right;
clear:right;
color:#066;
padding:10px 15px 0 0;
}

#avatar-selector-habblet .unverified-text {
float:left;
padding:5px 15px 0 53px;
}

#avatar-selector-habblet .more {
padding:25px 25px 5px 53px;
}

#avatar-selector-habblet .info {
padding:5px 25px;
}

#avatar-selector-habblet .more a {
color:#000;
font-size:13px;
text-decoration:none;
font-weight:400;
}

button {
overflow:visible;
width:auto;
}

button.link {
font-size:11px;
text-align:left;
color:#fc6204;
background:0;
border:0;
cursor:pointer;
-moz-user-select:text;
margin:0;
padding:0;
}

input.submit,input.continue,input.cancel,input.search,input.myhabbo-edit,input.save,input.new,input.subscribe,a.continue {
color:#000;
background-color:#FFF;
font-weight:700;
border:2px solid #000;
border-bottom-width:4px;
border-radius:4px;
-moz-border-radius:4px;
cursor:pointer;
}

a.continue {
text-decoration:none;
padding:2px;
}

input.continue,input.save {
color:#FFF;
background:#3ba800 url(../images/button_icons.gif) no-repeat 95% 4px;
padding-right:22px;
border-color:#194800;
}

input.save {
background-position:95% -155px;
padding-right:25px;
}

input.cancel {
color:#FFF;
background:#e2001a url(../images/button_icons.gif) no-repeat 95% -26px;
padding-right:22px;
border-color:#54000a;
}

input.search {
background:#FFF url(../images/button_icons.gif) no-repeat 50% -68px;
padding:1px 22px 1px 0;
}

input.new {
background:#FFF url(../images/button_icons.gif) no-repeat 95% -114px;
padding-right:22px;
}

input.myhabbo-edit {
background:#888 url(../images/myhabbo_icons.png) no-repeat 3px -283px;
padding-left:20px;
font-weight:400;
color:#FFF;
}

input.login:disabled,input.cancel:disabled {
background-color:#ffcd0a;
border-color:#f29400;
}

input.submit:disabled {
color:#666;
border-color:#666;
}

input.continue:disabled {
background-color:#95ff5c;
border-color:#46c700;
}

.invitation-buttons {
margin-top:.5em;
}

a.new-button {
display:block;
float:right;
height:25px;
position:relative;
text-decoration:none;
cursor:pointer;
overflow:hidden;
white-space:nowrap;
margin:0 0 5px 10px;
}

a.new-button b {
float:left;
font-size:11px;
height:17px;
margin-right:3px;
background:transparent url(../images/new_button.png) no-repeat -3px 0;
color:#000;
font-weight:700;
text-align:center;
display:inline;
padding:5px 17px 4px 20px;
}

a.new-button:hover b {
background-position:-3px -25px;
}

a.new-button.disabled-button:hover b {
background-position:-3px 0;
}

a.new-button i {
position:absolute;
right:0;
top:0;
width:3px;
height:25px;
background:transparent url(../images/new_button.png) no-repeat 0 0;
}

a.big-button {
display:block;
float:right;
height:46px;
position:relative;
text-decoration:none;
cursor:pointer;
overflow:hidden;
white-space:nowrap;
margin:0 0 5px 10px;
}

a.big-button b {
float:left;
font-size:16px;
height:29px;
margin-right:3px;
background:transparent url(../images/big_button.png) no-repeat -4px 0;
color:#000!important;
font-weight:700;
text-align:center;
display:inline;
padding:13px 17px 4px 20px;
}

a.big-button:hover b {
background-position:-4px -46px;
}

a.big-button i {
position:absolute;
right:0;
top:0;
width:4px;
height:46px;
background:transparent url(../images/big_button.png) no-repeat 0 0;
}

a.new-button.red-button b {
background-position:-3px -100px;
color:#fff!important;
}

a.new-button.red-button i {
background-position:0 -100px;
}

a.new-button.red-button:hover b {
background-position:-3px -125px;
}

a.new-button.green-button b {
background-position:-3px -150px;
color:#fff!important;
}

a.new-button.green-button i {
background-position:0 -150px;
}

a.new-button.green-button:hover b {
background-position:-3px -175px;
}

a.new-button.dark-button b {
background-position:-3px -50px;
color:#fff!important;
}

a.new-button.dark-button:hover b {
background-position:-3px -75px;
}

a.new-button.edit-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -193px;
margin-right:5px;
}

a.new-button.save-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -96px;
margin-right:5px;
}

a.new-button.cancel-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -145px;
margin-right:5px;
}

a.new-button.search-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 0;
margin-right:5px;
}

a.new-button.envelope-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -49px;
margin-right:5px;
}

a.new-button.purse-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -241px;
margin-right:5px;
}

a.new-button.newtopic-icon {
margin-left:0;
}

a.new-button.newtopic-icon span {
float:left;
display:inline;
height:16px;
width:16px;
background:transparent url(../images/button_icons2.png) no-repeat 0 -289px;
margin-right:5px;
}

a.new-button.oversize {
height:40px;
margin:0 0 5px 10px;
}

a.new-button.oversize b {
font-size:18px;
height:32px;
margin-right:4px;
background:transparent url(../images/new_button_oversize.png) no-repeat -4px 0;
padding:7px 17px 4px 20px;
}

a.new-button.oversize i {
width:4px;
height:40px;
background:transparent url(../images/new_button_oversize.png) no-repeat 0 0;
}

a.new-button.oversize:hover b {
background-position:-4px -40px;
}

a.new-button.oversize:hover i {
background-position:0 -40px;
}

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

.enter-btn span {
padding-right:10px;
background-position:-9px -98px;
}

.enter-btn:hover a {
background-position:-9px -49px;
text-decoration:none;
}

.enter-btn:hover b {
background-position:0 -49px;
}

.enter-btn a i {
background:transparent url(../images/personal_info/flashy_arrow.gif) no-repeat 0 50%;
position:absolute;
right:0;
top:13px;
line-height:1px;
height:1px;
font-size:1px;
padding:10px;
}

.enter-btn b {
float:left;
background:transparent url(../images/personal_info/enter_button.png) no-repeat 0 0;
height:49px;
width:9px;
}

.enter-btn.closed b {
background-position:0 -98px;
}

.enter-btn.closed span {
background-position:-9px -98px;
padding-right:10px;
color:#fff;
}

a.btn-gloss {
display:block;
float:right;
height:50px;
position:relative;
text-decoration:none;
cursor:pointer;
overflow:hidden;
white-space:nowrap;
margin:0 0 5px 10px;
}

a.btn-gloss b {
float:left;
font-size:13px;
height:29px;
margin-right:6px;
background:transparent url(../images/shared_icons/buttons_small.png) no-repeat -6px 0;
color:#fff;
font-weight:700;
text-align:center;
display:inline;
padding:17px 17px 4px 20px;
}

a.btn-gloss:hover b {
background-position:-6px -50px;
}

a.btn-gloss.disabled:hover b {
background-position:-6px 0;
}

a.btn-gloss i {
position:absolute;
right:0;
top:0;
width:6px;
height:50px;
background:transparent url(../images/shared_icons/buttons_small.png) no-repeat 0 0;
}

a.btn-gloss.blue b {
background-position:-6px -300px;
color:#fff!important;
}

a.btn-gloss.blue i {
background-position:0 -300px;
}

a.btn-gloss.blue:hover b {
background-position:-6px -350px;
}

a.btn-gloss.blue:hover i {
background-position:0 -350px;
}

div.splashmessage {
position:absolute;
left:0;
top:0;
border:1px solid #ccc;
padding:3px;
}

#splashmessagebox0 {
left:50px;
top:150px;
}

#splashmessagebox1 {
left:500px;
top:150px;
}

#splashmessagebox2 {
left:50px;
top:400px;
}

#splashmessagebox3 {
left:500px;
top:400px;
}

#splashmessagebox4 {
left:50px;
top:650px;
}

#splashmessagebox5 {
left:500px;
top:650px;
}

div.dialog-grey,div.dialog-greytab {
position:absolute;
width:398px;
z-index:9001;
}

div.dialog-grey-top,div.dialog-greytab-top {
background-repeat:no-repeat;
background-image:url(../images/dialogs/grey-tl.gif);
padding-left:13px;
height:26px;
position:relative;
}

div.dialog-grey-top div,div.dialog-greytab-top div {
background-position:top right;
background-repeat:no-repeat;
background-image:url(../images/dialogs/grey-tr.gif);
height:26px;
}

div.dialog-grey-top h3,div.dialog-greytab-top h3 {
float:left;
height:26px;
background-repeat:repeat-x;
background-image:url(../images/dialogs/grey-header.gif);
font-size:10px;
font-weight:700;
color:#FFF;
text-transform:uppercase;
text-align:left;
margin:0;
}

div.dialog-grey-top h3 span,div.dialog-greytab-top h3 span {
float:left;
padding:7px 14px 0 4px;
}

a.dialog-grey-exit,a.dialog-greytab-exit {
text-align:right;
position:absolute;
top:9px;
right:13px;
height:26px;
}

div.dialog-grey-content,div.dialog-greytab-content {
background-color:#e2e2e2;
background-repeat:repeat-y;
background-image:url(../images/dialogs/grey-content-l.gif);
clear:both;
margin:0;
padding:0;
}

div.dialog-grey-body,div.dialog-greytab-body {
background-position:top right;
background-repeat:repeat-y;
background-image:url(../images/dialogs/grey-content-r.gif);
text-align:left;
margin:0 0 0 7px;
padding:7px 7px 0 0;
}

div.dialog-grey-body p,div.dialog-greytab-body p {
text-align:left;
margin:0;
padding:0 0 1em;
}

div.dialog-grey-bottom,div.dialog-greytab-bottom {
background-repeat:no-repeat;
background-image:url(../images/dialogs/grey-bl.gif);
height:7px;
font-size:1%;
}

div.dialog-grey-bottom div,div.dialog-greytab-bottom div {
background-position:top right;
background-repeat:no-repeat;
background-image:url(../images/dialogs/grey-br.gif);
height:7px;
margin-left:7px;
}

div.dialog-greytab {
width:300px;
}

div.dialog-greytab-tabs {
background-image:url(../images/dialogs/greytab-l.gif);
background-repeat:repeat-y;
padding:0 0 0 4px;
}

div.dialog-greytab-tabs-content {
background-image:url(../images/dialogs/greytab-tabbg2.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

div.dialog-greytab-tabs-bottom {
background-image:url(../images/dialogs/greytab-l.gif);
background-repeat:repeat-y;
}

div.dialog-greytab-tabs-bottom div {
background-image:url(../images/dialogs/greytab-tabbg.gif);
background-repeat:no-repeat;
background-position:bottom right;
height:5px;
margin-left:10px;
}

div.dialog-greytab-tabs-content ul {
list-style-type:none;
font-size:10px;
margin:0;
padding:3px 0;
}

div.dialog-greytab-tabs-content ul li {
display:block;
float:left;
background-image:url(../images/dialogs/greytab-tab-l.gif);
background-repeat:no-repeat;
background-position:bottom left;
margin:0;
padding:0 0 0 6px;
}

div.dialog-greytab-tabs-content ul li a,div.dialog-greytab-tabs-content ul li span {
background-image:url(../images/dialogs/greytab-tab-r.gif)!important;
background-repeat:no-repeat;
background-position:bottom right;
display:block;
color:#000;
font-weight:400;
padding:3px 6px 5px 0;
}

div.dialog-greytab-tabs-content ul li.selected {
background-image:url(../images/dialogs/greytab-tab-l-selected.gif);
font-weight:700;
}

div.dialog-greytab-tabs-content ul li.selected a,div.dialog-greytab-tabs-content ul li.selected span {
background-image:url(../images/dialogs/greytab-tab-r-selected.gif)!important;
font-weight:700;
text-decoration:none;
}

div.dialog-greytab-content {
background-image:url(../images/dialogs/greytab-l.gif);
}

div.dialog-greytab-body {
background-image:url(../images/dialogs/greytab-r.gif);
margin:0 0 0 10px;
padding:10px 10px 0 0;
}

div.dialog-greytab-bottom {
background-image:url(../images/dialogs/greytab-bl.gif);
height:10px;
}

div.dialog-greytab-bottom div {
background-image:url(../images/dialogs/greytab-br.gif);
height:10px;
margin-left:10px;
}

div.bottom-bubble-c {
background-color:#FFF;
border-left:2px solid #000;
border-right:2px solid #000;
padding:4px 7px;
}

div.bottom-bubble-t {
background:url(../images/groups/editbubble-tl.png) no-repeat 0 100%;
font-size:1px;
margin-right:5px;
text-align:right;
}

div.bottom-bubble-t div {
background:url(../images/groups/editbubble-tr.png) no-repeat 100% 100%;
padding-top:15px;
margin-right:-5px;
}

div.bottom-bubble-b {
background:url(../images/groups/editbubble-bl.png) no-repeat 0 0;
font-size:1px;
margin-right:5px;
}

div.bottom-bubble-b div {
background:url(../images/groups/editbubble-br.png) no-repeat 100% 0;
padding-top:5px;
margin-right:-5px;
}

div.hotel-open,div.hotel-closed {
width:113px;
height:124px;
margin-top:10px;
}

div.hotel-open-image-splash,div.hotel-closed-image-splash {
margin-left:3px;
width:106px;
height:106px;
background:url(../images/systemavailability/hotel-button-splash.png) no-repeat;
}

div.hotel-image {
margin-top:-82px;
}

div.hotel-open-button-content,div.hotel-closed-button-content {
margin-top:3px;
}

div.hotel-open-button-content a,div.hotel-closed-button-content div,div.register-button a {
background-image:url(../images/systemavailability/hotel-button.png);
background-position:-7px 0;
text-align:center;
overflow:hidden;
color:#fff;
font-size:14px;
font-weight:700;
max-width:260px;
height:28px;
text-decoration:none;
float:left;
padding-left:7px;
padding-top:8px;
white-space:nowrap;
}

div.hotel-open-button-content a,div.hotel-closed-button-content div {
width:98px;
}

div.hotel-closed-button-content div.closed {
background-position:-7px -72px;
}

div.hotel-closed-button-content span.closed {
background-position:0 -72px;
}

div.hotel-open-button-content span,div.hotel-closed-button-content span {
background-image:url(../images/systemavailability/hotel-button.png);
background-repeat:no-repeat;
float:left;
width:7px;
height:35px;
}

div.hotel-open-image {
background:url(../images/systemavailability/hotel-button-hotelopen.gif) no-repeat;
margin-left:27px;
width:53px;
height:52px;
}

div.hotel-closed-image {
background:url(../images/systemavailability/hotel-button-hotelclosed.png) no-repeat;
margin-left:35px;
width:44px;
height:52px;
}

div.register-button span {
background-image:url(../images/systemavailability/hotel-button-ends.png);
background-repeat:no-repeat;
float:left;
width:20px;
height:36px;
}

div.blackbubble {
background-image:url(../images/box-scale/bubble_tl.gif);
background-repeat:no-repeat;
margin-bottom:0;
}

div.blackbubble-body {
margin-left:11px;
padding-top:11px;
padding-right:11px;
margin-bottom:0;
background-image:url(../images/box-scale/bubble_tr.gif);
background-repeat:no-repeat;
background-position:top right;
}

div.blackbubble-bottom {
clear:both;
background-image:url(../images/box-scale/bubble_bl.gif);
background-repeat:no-repeat;
background-position:top left;
margin-top:0;
margin-bottom:3px;
text-align:right;
}

div.blackbubble-bottom-body {
margin-left:11px;
margin-top:0;
background-image:url(../images/box-scale/bubble_br.gif);
background-repeat:no-repeat;
background-position:top right;
}

div.bubbletip,div.redtip {
width:308px;
}

div.bubbletip div.content,div.redtip div.content {
padding:0 15px 20px;
}

div.bubbletip.left div.content {
background:url(../images/tooltips/bubble-bottom-left.png) no-repeat left bottom;
}

div.bubbletip div.title,div.bubbletip div.bubbletip-title {
background:url(../images/tooltips/bubble-top.png) no-repeat left bottom;
}

div.redtip {
color:#FFF;
}

div.redtip div.content {
background:url(../images/tooltips/red-bottom.png) no-repeat left bottom;
}

div.redtip div.title {
background:url(../images/tooltips/red-top.png) no-repeat left bottom;
height:10px;
padding:0;
}

#change-password-form {
position:absolute;
width:383px;
z-index:9001;
color:#fff;
}

#change-password-form-title {
text-align:center;
font-size:18px;
font-weight:700;
padding:7px 5px;
}

#change-password-form-content .email-address {
font-size:18px;
font-weight:700;
height:30px;
width:330px;
text-align:center;
border:1px solid #633;
color:#000;
}

#change-password-form-container {
background:transparent url(../images/frontpage/use_email_bg.png) no-repeat top left;
overflow:hidden;
padding:5px 20px;
}

#change-password-form-container-bottom {
background:transparent url(../images/frontpage/use_email_bg.png) no-repeat bottom left;
height:10px;
}

.bottom-border {
padding-bottom:15px;
border-bottom:thin solid #313131;
}

#change-password-submit-button.new-button b,#change-password-success-button.new-button b {
background:transparent url(../images/shared_icons/buttons_small.png) no-repeat -6px -100px;
line-height:40px;
text-align:center;
height:50px;
font-size:18px;
margin-right:5px;
background-position:-6px -400px;
}

#change-password-submit-button.new-button i,#change-password-success-button.new-button i {
background:transparent url(../images/shared_icons/buttons_small.png) no-repeat 0 -100px;
width:6px;
height:50px;
background-position:0 -400px;
}

#change-password-submit-button.new-button:hover i,#change-password-success-button.new-button:hover i {
background-position:0 -450px;
}

#change-password-submit-button.new-button:hover b,#change-password-success-button.new-button:hover b {
background-position:-6px -450px;
}

#change-password-submit-button,#change-password-success-button {
margin-top:10px;
float:right;
height:50px;
}

#change-password-form-content form {
margin:10px 0;
}

#change-password-cancel-link,#change-password-change-link {
float:left;
line-height:60px;
color:#fff;
}

#change-password-form #email-sent-container {
text-align:center;
color:#6cf;
font-size:18px;
font-weight:700;
padding-top:10px;
word-wrap:break-word;
}

#change-password-email-sent-notice div {
margin-top:10px;
}

#change-password-form #change-password-error-container {
margin-top:5px;
color:#da5a4c;
}

#change-password-form-content .email-address.error {
background-color:#da5a4c;
margin-bottom:5px;
}

#change-password-form-content span {
text-align:left;
}

#reset-password-form-content form input {
width:190px;
border:0;
padding:1px;
}

#reset-password-form-container div.form-content .label {
color:#fff;
margin-bottom:5px;
}

#reset-password-form-container div.left {
float:left;
width:50%;
}

#reset-password-form-container div.right {
float:right;
width:45%;
margin-top:20px;
}

#reset-password-form-container div#error-title {
background:url(../images/frontpage/use_email_icons.png) no-repeat 10px -34px;
padding:3px 0 3px 40px;
}

#reset-password-form-container div.form-content .help {
color:#666;
}

hr {
color:#D8D8D8;
size:1px;
width:auto;
border:1px dashed;
}

img,#column2 #staffpicks-groups-habblet-list-container ul.habblet-list.two-cols li.right .item {
border:0;
}

ul,form,#hotcampaigns-habblet-list li p {
margin:0;
padding:0;
}

.clearfix:after,.i3:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clear,#container,#credits-methods div.credits-method-full,.competition {
clear:both;
}

div.fielderror,#group-description-area,#group-purchase-header,#group-name-area,#group-url-area {
margin-bottom:8px;
}

div.fielderror div,div.action-error div {
background-color:#e2001a;
color:#fff;
}

div.orange h2.title,div.lightgreen h2.title {
background-color:#f66200;
}

div.lightbrown h2.title,div.rounded-lightbrown {
background-color:#cf9c44;
}

div.white h2.title,#habbos-online .rounded,#habbos-online .rounded-done {
background-color:#fff;
}

div.white h2.title,h2.title a,#subnavi button.link,#footer a,.tag-list li a,.my-tag-list li a,#faq-category-list ul.faq span.faq-link:hover {
color:#000;
}

div.gray .box-content,div.loginbox .box-content,div.loginbox .box-content a:hover,div.rooms .box-content,div.black div.box-tabs-container h2,#newspromo .topstory a,div.rounded-red a,#change-password-form a {
color:#fff;
}

div.rounded-container,div.roundedrect-container {
margin:0 4px;
}

p.last,.partnerbox p.last {
padding-bottom:0;
}

div.column,div.box-tabs-left ul.box-tabs li,.topdialog .box-tabs li,#article-paging a.older,ul.tx-navi li.prev,#cancel-friend-invite-link {
float:left;
}

.cb,div.ad-container {
margin:0 8px 7px 0;
}

#column1,#email-verified-container {
width:460px;
}

#column-footer,#subnavi-login li {
clear:left;
}

#column3 .cb,body#news #column3 .cb,body#tags #column3 .cb,body#newcredits #column2 .cb,body#cbs2credits #column2 .cb,#reregistration .cb {
margin-right:0;
}

#header-container,#content-container,#article-wrapper {
padding:0 10px;
}

#navi li.selected span,#navi li.selected:hover span,a.big-button.disabled-button:hover b {
background-position:-4px 0;
}

#subnavi,#subnavi input,.competition h4 {
font-size:11px;
}

#subnavi-user li a:hover,#navi2 ul li a:hover,.qtab-container li a:hover,ul.habblet-list li a:hover,.habblet a:hover,#avatar-habblet-list-container ul.habblet-list li:hover div.item b,#newspromo .topstory h3 a:hover,#newspromo li.odd a:hover,#newspromo li.even a:hover,ul.active-discussions-toplist li a:hover,#tag-search-habblet-container ul.tag-list a:hover,button.link span {
text-decoration:underline;
}

#subnavi-search #subnavi-search-upper,#subnavi-search #subnavi-search-links,#subnavi-search form,#tag-cloud-slim ul,#subnavi-search ul li,#hc-catalog-giftPicture {
display:inline;
}

#subnavi-search label,#navi2 ul li.selected,#article-wrapper p.summary,.article-body ul.errors li,.partnerbox li.partnerbox-group,.partnerbox li.partnerbox-room,#group_name_text,#group_url_text {
font-weight:700;
}

#to-hotel a,#group_purchase_form form {
margin:0;
}

#navi2 ul li.selected a,#navi2 ul li.selected a:hover,#article-archive h2 a {
color:#000;
text-decoration:none;
}

li.even,#column2 #staffpicks-groups-habblet-list-container li.left {
background-color:#ececec;
}

ul.box-tabs li.selected span.tab-spacer,ul.box-tabs li.selected:hover span.tab-spacer {
background-position:-12px 0;
}

div.blue ul.box-tabs li.selected strong,div.blue ul.box-tabs li.selected a,div.blue ul.box-tabs li.selected:hover a {
background-position:-16px -75px;
}

div.blue ul.box-tabs li.selected span.tab-spacer,div.blue ul.box-tabs li.selected:hover span.tab-spacer {
background-position:-12px -75px;
}

div.green div.box-tabs-container h2,#notfound-looking-for a {
color:#3ba800;
}

div.green ul.box-tabs li strong,div.green ul.box-tabs li a,div.hcred ul.box-tabs li strong,div.hcred ul.box-tabs li a,div.lightbrown ul.box-tabs li strong,div.lightbrown ul.box-tabs li a {
background-position:-16px -175px;
}

div.green ul.box-tabs li span.tab-spacer,div.hcred ul.box-tabs li span.tab-spacer,div.lightbrown ul.box-tabs li span.tab-spacer {
background-position:-12px -175px;
}

div.green ul.box-tabs li.selected strong,div.green ul.box-tabs li.selected a,div.green ul.box-tabs li.selected:hover a,div.hcred ul.box-tabs li.selected strong,div.hcred ul.box-tabs li.selected a,div.hcred ul.box-tabs li.selected:hover a,div.lightbrown ul.box-tabs li.selected strong,div.lightbrown ul.box-tabs li.selected a,div.lightbrown ul.box-tabs li.selected:hover a {
background-position:-16px -150px;
}

div.green ul.box-tabs li.selected span.tab-spacer,div.green ul.box-tabs li.selected:hover span.tab-spacer,div.hcred ul.box-tabs li.selected span.tab-spacer,div.hcred ul.box-tabs li.selected:hover span.tab-spacer,div.lightbrown ul.box-tabs li.selected span.tab-spacer,div.lightbrown ul.box-tabs li.selected:hover span.tab-spacer {
background-position:-12px -150px;
}

div.green ul.box-tabs li:hover a,div.hcred ul.box-tabs li:hover a,div.lightbrown ul.box-tabs li:hover a {
background-position:-16px -200px;
}

div.green ul.box-tabs li:hover span.tab-spacer,div.hcred ul.box-tabs li:hover span.tab-spacer,div.lightbrown ul.box-tabs li:hover span.tab-spacer {
background-position:-12px -200px;
}

div.red ul.box-tabs li.selected strong,div.red ul.box-tabs li.selected a,div.red ul.box-tabs li.selected:hover a {
background-position:-16px -300px;
}

div.red ul.box-tabs li.selected span.tab-spacer,div.red ul.box-tabs li.selected:hover span.tab-spacer {
background-position:-12px -300px;
}

div.black ul.box-tabs li.selected strong,div.black ul.box-tabs li.selected a,div.black ul.box-tabs li.selected:hover a {
background-position:-16px -225px;
}

div.black ul.box-tabs li.selected span.tab-spacer,div.black ul.box-tabs li.selected:hover span.tab-spacer {
background-position:-12px -225px;
}

html>body .habblet-container .blue li.odd:hover,html>body #staffpicks-rooms-habblet-list-container .habblet-list li.odd:hover,html>body #column2 #staffpicks-groups-habblet-list-container li.right:hover,#hotcampaigns-habblet-list li.odd:hover {
background-color:#f1f8ff;
}

html>body .habblet-container .blue li.even:hover,html>body #staffpicks-rooms-habblet-list-container .habblet-list li.even:hover,html>body #column2 #staffpicks-groups-habblet-list-container li.left:hover,#hotcampaigns-habblet-list li.even:hover {
background-color:#dceafa;
}

html>body .habblet-container .green li.odd:hover,html>body .habblet-container .darkred li.odd:hover {
background-color:#ebffd9;
}

html>body .habblet-container .green li.even:hover,html>body .habblet-container .darkred li.even:hover {
background-color:#dafdc2;
}

.topdialog .dialog-handle,#editmode div.dialog-grey-top,#editmode div.dialog-greytab-top,#viewmode div.dialog-grey-top,#viewmode div.dialog-greytab-top {
cursor:move;
}

#content .bt,#content .bt div,#content .bb,#content .bb div {
background-image:url(../images/box.png);
}

#content .i1,#content .i2 {
background-image:url(../images/borders.png);
}

#content .cb.gray,#content .cb.lightgreen,#content .cb.loginbox,#content .cb.darkgray {
background:transparent;
}

#content .gray .bt,#content .gray .bt div,#content .gray .bb,#content .gray .bb div {
background-image:url(../images/box_gray.png);
}

#content .lightgreen .bt,#content .lightgreen .bt div,#content .lightgreen .bb,#content .lightgreen .bb div {
background-image:url(../images/box_lightgreen.png);
}

#content .loginbox .bt,#content .loginbox .bt div,#content .loginbox .bb,#content .loginbox .bb div {
background-image:url(../images/box_loginbox.png);
}

#content .activehomes .bt,#content .activehomes .bt div,#content .activehomes .bb,#content .activehomes .bb div {
background-image:url(../images/activehomes/boxblue.png);
}

#content .activehomes .i3,div.rounded-activehomes {
background-color:#99cadb;
}

#content .black .bt,#content .black .bt div,#content .black .bb,#content .black .bb div {
background-image:url(../images/box_black.png);
}

#content .rooms .bt,#content .rooms .bt div,#content .rooms .bb,#content .rooms .bb div {
background-image:url(../images/welcome/roompattern_box.png);
}

#content .darkgray .bt,#content .darkgray .bt div,#content .darkgray .bb,#content .darkgray .bb div {
background-image:url(../images/box_darkgray.png);
}

.qtab-container .even,table.tx-history tr.odd {
background-color:#efefef;
}

#qtab-follow,#article-paging a.newer,ul.tx-navi li.next,#splash-message-button,#send-friend-invite-button,#purchase-group-button {
float:right;
}

#staffpicks-groups-habblet-list-container .habblet-list,#event-list,#staffpicks-rooms-habblet-list-container .habblet-list {
overflow:auto;
max-height:200px;
}

#staffpicks-groups-habblet-list-container .habblet-list li,#staffpicks-rooms-habblet-list-container .habblet-list li {
overflow:auto;
min-height:42px;
max-height:200px;
}

.habblet-list-container,.partnerbox p,div.bubbletip div.title,div.bubbletip div.bubbletip-title,div.redtip div.title {
padding-bottom:10px;
}

ul.habblet-list li a,.habblet a,#newspromo .topstory h3 a,a.new-button:hover,a.big-button:hover,a.btn-gloss:hover {
text-decoration:none;
}

ul.habblet-list li div.link,div.bubbletip .active-habbo-data-container {
overflow:hidden;
}

#habbo-search-error,#tag-related-habblet-container .tag-list,div.frank-stop,#tag-search-habblet-container p.search-result-navigation,#exception-container #error-image-container,#register-button,table.tx-history .tx-amount {
text-align:center;
}

#invitation-form,div.invitation-input,#reset-password-form-container div#errors {
margin-bottom:10px;
}

#purse-habblet ul,#change-password-form-content #email {
padding-top:10px;
}

div.groups-list li,#homes-habblet-list-container li,#column2 #staffpicks-groups-habblet-list-container li.right {
background-position:15px 50%;
}

div.groups-list li.right,#homes-habblet-list-container li.right {
background-position:7px 50%;
}

div.groups-list li.right div.item,#homes-habblet-list-container li.right div.item {
padding-left:52px;
}

.habblet-container.news-promo .bt,#tag-search-habblet-container #tag-search-add-result,#tag-fight-habblet-container #fight-process,.enter-btn.closed a i {
display:none;
}

#newspromo li.last,div.webstore-frank div.blackbubble-bottom-body,div.webstore-frank-image {
text-align:right;
}

#article-archive,#tag-related-habblet-container,#tag-match-habblet-container,#tag-fight-habblet-container {
padding:7px;
}

body#logout #logout-ok,#reset-password-form-container div.form-content {
margin-bottom:20px;
}

#remember-me-notification .submit,#tag-fight-habblet-container .tag-field-container {
margin-bottom:5px;
}

#credits-methods li,#column2 #staffpicks-groups-habblet-list-container li.even {
background-color:transparent;
}

#credits-methods form.credits-form+div.bestvalue,#reset-password-form-container div#password-retype {
margin-top:5px;
}

ul.active-discussions-toplist,#avatar-selector-habblet {
padding-top:5px;
}

div.bubbletip .active-name.online,#inviter-info-habblet p span.text em.online {
background-image:url(../images/online.gif);
}

#faq-category-list ul.faq span.faq-link.selected:hover,#faq-category-content h4.faq-item-header span.selected {
color:#76c7e6;
}

#faq-category-list ul.faq li a:before,#faq-category-content h4.faq-item-header:before {
content:"\203A \0020";
}

#faq-category-content div.faq-item-content a,#faq-footer a {
color:#ff8400;
}

#tag-search-habblet-container p.search-result-count,#tag-search-habblet-container #tag-search-add,#tag-search-habblet-container #tag-search-add-result {
padding-left:45px;
}

#tag-match-form #tag-match-friend,#group_name,#group_url {
width:98%;
}

.credits-info .credits-text,.pixels-info .pixels-text {
float:right;
position:relative;
width:55%;
}

.credits-info .credits-image,.pixels-info .pixels-image {
float:left;
display:inline;
position:relative;
}

div.pixelblue h2.title,div.rounded-pixelblue {
background-color:#0046a8;
}

div.pixelgreen h2.title,div.rounded-pixelgreen {
background-color:#20c124;
}

div.pixellightblue h2.title,div.rounded-pixellightblue {
background-color:#6dcdf6;
}

div.pixeldarkblue h2.title,div.rounded-pixeldarkblue {
background-color:#168291;
}

#content .pixelblue .bt,#content .pixelblue .bt div {
background-image:url(../images/surfer/box_blue1.png);
}

#content .pixelblue .bb,#content .pixelblue .bb div {
background-image:url(../images/surfer/box_blue2.png);
}

#current-events select,#staffpicks-rooms-habblet-list-container select {
width:99%;
padding:2px;
}

#current-events li,#staffpicks-rooms-habblet-list-container li {
background-repeat:no-repeat;
background-position:9px 0;
cursor:pointer;
padding:2px 0 1px 47px;
}

#current-events li p,#staffpicks-rooms-habblet-list-container li p {
color:#666;
overflow:hidden;
word-wrap:break-word;
}

#current-events .event-name a,#staffpicks-rooms-habblet-list-container .room-name,#staffpicks-rooms-habblet-list-container .room-name a {
color:#000;
font-size:12px;
font-weight:700;
overflow:hidden;
word-wrap:break-word;
}

a.new-button.left,a.btn-gloss.left {
float:left;
margin:0 10px 5px 0;
}

a.new-button.disabled-button,a.new-button:disabled,a.big-button.disabled-button,a.big-button:disabled,a.btn-gloss.disabled,a.btn-gloss:disabled {
cursor:default;
-moz-opacity:.5;
opacity:.50;
filter:alpha(opacity=50);
-ms-filter:alpha(opacity=50);
}

html>body a.new-button.fill,html>body a.new-button.fill b,html>body a.btn-gloss.fill,html>body a.btn-gloss.fill b {
display:block;
float:none;
}

a.new-button.dark-button i,a.btn-gloss:hover i {
background-position:0 -50px;
}

a.new-button.edit-icon b,a.new-button.save-icon b,a.new-button.cancel-icon b,a.new-button.purse-icon b,a.new-button.newtopic-icon b {
padding-left:10px;
}

a.new-button.search-icon b,a.new-button.envelope-icon b {
padding-left:10px;
padding-right:3px;
}

div.hotel-open-button-content:hover a.open,div.register-button:hover a {
background-position:-7px -36px;
}

div.hotel-open-button-content:hover span.open,div.register-button:hover span {
background-position:0 -36px;
}
#tab-register-now a{background-position:-10px -84px;}#navi #tab-register-now span{background-position:-4px -84px;}#navi #tab-register-now:hover a{background-position:-10px -112px;}#navi #tab-register-now:hover span{background-position:-4px -112px;}

#hc-buy-container{background-color:#FFE8B7;background-image:url(../images/hc_pattern.gif);background-position:30%}