body {
    background : #292929; color: #a9a9a9;
}
footer {
    background-color: #d4d4d4;
    color: #1e1e1e;
}

/* Remove the navbar's default rounded borders and increase the bottom margin */ 
.navbar {
  margin-bottom: 50px;
  border-radius: 0;
}

/* Remove the jumbotron's default bottom margin */ 
 .jumbotron {
  margin-bottom: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
    background-color: #1e1e1e;
    border-top: 1px solid #504e4e;
    padding: 25px; color: #868686;
}

.jumbotron {
    color: #000000; background: transparent; height: 100px; padding: 12px;
}
.jumbotron .container{ position: relative; }

img.logo{ height: 30px; width: auto; margin-top: -5px; }
.jumbotron .topheader h3 { font-size: 36px; } 

.panel-primary.blackbox{
    border-color: #c1c1c1;
}
.panel-primary.blackbox .panel-heading {
    background-color: #12906a;
    border-color: #a2b5c5;
    text-shadow: 1px 1px #000000;
}
.panel-footer {
    background-color: #222324;
}

.panel-primary.blackbox.boxlistx .panel-body{
    padding: 0;
}
.panel-primary.blackbox.boxlistx .panel-heading{  
    min-height: 45px; overflow: hidden; line-height: 27px;
}


.page-content .panel-primary.blackbox .panel-heading {
    background-color: #000000;
    border-color: #484848;
    text-shadow: 1px 1px #000000;
}
.page-content .panel-primary.blackbox .panel-body{
    padding: 15px; background: #222324;
    color: #e8e8e8; font-size: 15px;
    line-height: 27px;
}

.panel-primary.redbox{
    border-color: #b7152d;
}
.panel-primary.redbox .panel-heading {
    background-color: #d02741;
    border-color: #ff2e4d;
    text-shadow: 1px 1px #000000;
}

.panel-primary.bluebox{
    border-color: #337ab7;
}
.panel-primary.bluebox .panel-heading {
    background-color: #337ab7;
    border-color: #337ab7;
    text-shadow: 1px 1px #000000;
}

.panel-primary img{ width: 100%; }
.panel-primary h3{ font-size: 16px; margin: 2px 0; }

.ctime{ color: #ece6ae; font-size: 8pt; }

.wc100 h1{ font-size: 18px; margin: 10px 0; font-weight: bold; }
.wc100 h2{ font-size: 18px; margin: 10px 0; font-weight: bold; }
.wc100 h3{ font-size: 16px; margin: 10px 0; font-weight: bold; }
.navbar { margin-bottom: 30px; }

.wc100 .nobor{ border-top: 2px solid #DDDDDD; margin: 30px 0 10px; padding: 20px 20px 10px; }
.jumbotron .logo{ text-align: center; padding: 10px 0 0; }
.jumbotron .logo a{ position: relative; display: inline-block; }
.jumbotron .logo a span {
    font-size: 9pt;
    position: absolute;
    color: #757575;
    bottom: 8px;
    font-weight: bold;
    right: -55px;
}


.navbar-inverse {
    background-color: #12906b;
    border-top-color: #171717;
    border-bottom-color: #171717;
}
.navbar-inverse .navbar-nav>li>a {
    font-weight: bold;  font-size: 13pt;
    color: #FFFFFF !important; height: 48px;
}
.navbar-inverse .navbar-nav>li.active>a {
    color: #FFFFFF !important;
    background-color: #3e3e3e !important;
    border-right: 1px solid #8a8a8a;
}
.navbar-inverse .navbar-nav>li:hover>a {
    color: #FFFFFF !important;
    background-color: #3e3e3e !important;
}

.navbar-toggle {
    background-color: #1e1e1e;
}

.jumbotron .logo a.signup {
    font-size: 12pt;
    padding: 7px 24px 6px;
    background: #f2d484;
    border: 1px solid #f2d484;
    border-radius: 12px;
    color: #000 !important;
    text-decoration: none;
    position: absolute;
    top: 28px;
    font-family: initial;
    right: 10px;
}
.jumbotron .logo a.signup:hover{ background: #12906a; }
.jumbotron .logo a.signin{
    font-size: 12pt;
    padding: 7px 24px 6px;
    background: transparent;
    border: 1px solid #f2d484;
    border-radius: 13px;
    color: #f2d484 !important;
    text-decoration: none;
    position: absolute;
    top: 28px;
    right: 170px;
    font-family: initial;
}
.jumbotron .logo a.signin:hover{ background: #12906a; }
.jumbotron .logo a.signup, .jumbotron .logo a.signin{ display: none; }
.navbar-brand.mobile-signup{ 
    background: #d02940; color: #FFFFFF; border-right: 1px solid #FFFFFF;
}
.container-fluid a{ color: #868686; }
.acontent .panel-primary img{ width: auto; }

.wc100 h1{ margin: 10px 0 0; }


table.tbNet thead th {
    font-size: medium;
    padding: 10px;
}
table, th, td {
    border: 1px solid #1d1d1d;
    border-collapse: collapse;
}
td, th {
    padding: 10px;
}
table.tbNet .hMB{ display: none; }

a.signup.alpha88regis{ margin: 10px 0 20px;
    display: inline-block;
    font-size: 20px;
    background: #d20e00;
    color: #FFFFFF;
    border-color: #750404;
    font-weight: bold;
    padding: 10px 30px;
    text-shadow: 1px 1px #000000;
 }

a.signup.btnregister{ margin: 10px 0 20px;
    display: inline-block;
    font-size: 20px;
    background: #d20e00;
    color: #FFFFFF;
    border-color: #750404;
    font-weight: bold;
    padding: 10px 30px;
    text-shadow: 1px 1px #000000;
 }

.panel {
    background-color: #222324;
}

.footer-brand{ width:100%; }
/* - - - - - - - - - - - - - - -  - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - On Web > 768px */
@media screen and (min-width: 768px){
    .logo img{ max-width:none; }
    .jumbotron .topheader h3 {
        font-size: 63px;
    }
    .wc100 h1{ font-size: 24px; margin: 10px 0 0; font-weight: bold; color: #12906a; }
    .wc100 h2{ font-size: 22px; margin: 10px 0; font-weight: bold; }
    .wc100 h3{ font-size: 20px; margin: 10px 0; font-weight: bold; }
    .jumbotron .logo{ text-align: left; }
    .navbar-nav {
        margin-left: 120px;
    }
    .jumbotron .logo a.signup, .jumbotron .logo a.signin{ display: inline-block; }
    .navbar-brand.mobile-signup{ 
        display: none;
    }
    .acontent .wc100{  width: 960px; text-align: left; margin: auto; }
    table.tbNet .hMB{ display: table-cell; }

    .page-content .panel-primary.blackbox .panel-body{
        font-size: 16px;
    }
    .col-sm-4 { width: 50%; }
    .footer-brand{ width:65%; }
}