/* Links */
a { text-decoration: none; }

/* Misc */
.blink { text-decoration: blink; }
.yellow { color: yellow; font-weight: bold; }
.error { color: red; font-weight: bold; }
.hidden { visibility: hidden; }
.roumingPre { color:#000044; background-color:#bbcbdd; }
.input { font-family: sans-serif, verdana, arial; color:#0a3b69; }

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Forum Common */
.roumingForumTitle,
.masoForumTitle {
    background-color:#22232a;
    border-radius:3px;
}
.roumingForumTitle a:visited { color:#fefeff; }
.roumingForumTitle a:hover { color:#79cfdf; }

.roumingForumMessage,
.masoForumMessage {
    background-color:#12131a;
    color:#dddd99;
    word-wrap: break-word;
}
.roumingForumMessage a:hover,
.masoForumMessage a:hover {
    background-color:#32333a;
    color:#ffffff;
}

/* MASO Body */
.masoBody {
    max-width: 900px;
    background-color:#02030a;
    color:#dddd99;
}
.masoBodyX a { color:#eeee66; }
.masoBodyX a:hover { color:#eeee33; background-color:#17181f; }

/* MASO Menu */
.masoMenu {
    padding-top:1px;
    background-color:black;
    border-bottom:1px solid white;
}
.masoMenu ul {
    padding:3px 0;
    margin-left:3px;
    margin-bottom:-6px;
    font:bold 12px Verdana;
    list-style:none;
}
.masoMenu li { display:inline; }
.masoMenu li a {
    display:inline-block;
    padding:3px 7px;
    margin-right:3px;
    border:1px solid #fff;
    color:#bdbdce;
    background-color:#0a3b69;
}
.masoMenu li a:hover {
    color:#ddddee;
    padding:5px 7px;
    top:-2px;
    position:relative;
    background-color:#1160a4;
}
.masoMenu li.active a {
    color:#ddddee;
    padding:5px 7px;
    position:relative;
    top:-2px;
    background-color:#24252c;
    border-bottom:1px solid #24252c;
}

/* MASO SubMenu */
.masoSubMenu {
    padding:2px 0;
    background-color:#24252c;
    border-left:1px solid white;
}
.masoSubMenu ul {
    padding:1px 0;
    margin:0;
    font:bold 12px Verdana;
    list-style:none;
}
.masoSubMenu li { display:inline; }
.masoSubMenu li a {
    padding:3px 20px;
    margin:0 -2px;
    color:#cccc66;
    background:#24252c;
    border-right:1px solid white;
}
.masoSubMenu li a:hover { background-color:#34353c; }

/* MASO Links */
.masoList a { color:#eeee66; }
.masoList a:hover { color:#eeee33; background-color:#17181f; }
.masoList a:active,
.masoList a:visited { color:#888866; }

/* Buttons */
.masoButton a,
.roumingButton a {
    text-decoration:none;
    padding:3px 10px;
    margin-right:3px;
    font:bold 12px Verdana;
    border:1px solid #ddd;
    color:#eeee66;
    background-color:#44454c;
}
@media (max-width:800px) {
    .masoButton a,
    .roumingButton a {
        margin-right: 0px;
        padding: 10px 20px;
        display: inline-block;
    }
}
.masoButton a:visited,
.roumingButton a:visited { color:#eeee66; }

/* Tables */
.spacedTable td { padding:6px; }

.roumingLista td,
.roumingListaLink {
    height:20px;
    padding:0;
    background-color:rgb(212,208,200);
    font-size:12px;
    color:black;
    text-decoration:none;
    border-bottom:none;
}

/* Layout helpers */
.wrapper { width:100%; margin:0; padding:0; }
.middle, .sidebar {
    vertical-align:top;
    display:table-cell;
}

/* Video */
.video-container {
    position:relative;
    padding-bottom:55%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
}

/* Mobile */
@media (max-width:800px) {
    .roumingButton a {
        padding:10px 20px;
        margin-right:0;
    }
    .nomobile { display:none; }
    .mobile { display:inline-block; }
    .masoMenu li a { padding:9px 5px; }
    .masoSubMenu li a { padding:7px 5px; }
}
@media (min-width:801px) {
    .nomobile { display:inline-block; }
    .mobile { display:none; }
}