/* ==========================================================================
   AUTHENTIC 2007 HABBO BOX STYLES (MATCHING USER SCREENSHOT)
   ========================================================================== */

.habboPage-col {
    vertical-align: top;
    box-sizing: border-box;
}

/* Main Box Container with Outer White Border */
div.maskbox, div.v2box, .habbo-box-white, .habbo-cbox {
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 3px solid #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;
    margin: 0 auto 10px auto !important;
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    overflow: hidden !important;
    display: block !important;
}

div.maskbox *, div.v2box *, .habbo-box-white *, .habbo-cbox * {
    box-sizing: border-box;
}

/* Red / Orange Headline (Welkom in Habbo!, Zo speel je Habbo, Habbo Credits, Infobus) */
div.maskbox div.headline, 
div.maskbox.xmas div.headline, 
div.maskbox.light.xmas div.headline,
.habbo-box-header-orange {
    box-sizing: border-box !important;
    background: #d75402 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

div.maskbox div.headline h3,
div.maskbox.xmas div.headline h3,
div.maskbox.light.xmas h3,
div.maskbox h3 {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    background: none !important;
}

div.maskbox div.headline-inner,
div.maskbox div.headline-inner-inner {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Teal / Blue Headline (Actueel, Contact, Online Veiligheid) */
div.maskbox.blue div.headline,
.habbo-box-header-teal {
    box-sizing: border-box !important;
    background: #2b7d90 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Green Headline (Habbo's) */
div.maskbox.green div.headline,
.habbo-box-header-green {
    box-sizing: border-box !important;
    background: #3e9c35 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Box Body */
div.maskbox div.body, 
div.v2box div.body,
.habbo-box-body {
    box-sizing: border-box !important;
    background: #ffffff !important;
    padding: 6px 6px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    color: #000000 !important;
    border: none !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Form inputs & interactive elements inside maskbox */
div.maskbox input[type="text"],
div.maskbox input[type="password"],
div.maskbox input[type="email"],
div.maskbox input[type="submit"],
div.maskbox select,
div.maskbox textarea {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

div.maskbox img {
    max-width: 100% !important;
    height: auto;
}

div.maskbox table {
    box-sizing: border-box !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Box Links (Orange / Bold / Underlined like in screenshot) */
div.maskbox div.body a,
div.v2box div.body a,
.habbo-box-body a {
    color: #d75402 !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

div.maskbox div.body a:hover,
div.v2box div.body a:hover,
.habbo-box-body a:hover {
    color: #ff6e14 !important;
}

/* Clear bottom border container */
div.maskbox div.bottom,
div.v2box div.bottom {
    display: none !important;
}

/* Ad Scale */
.ad-scale.ad160 table, .ad-scale.ad-leader table {
    border-collapse: collapse;
}