﻿body 
{
    padding-top: 50px;
    background-color: black;
    /*background-image: url('../img/moon.jpg');
    background-attachment:fixed;
    background-size:cover;
    background-position:center;*/
    color: white;
    font-family: 'Archivo Narrow','Helvetica Neue',Helvetica,Arial,sans-serif!important;    
    font-size:1.8em;
    text-align: center;    
}

@media ( max-width: 768px ) 
{
    .captchaAd
    {
        display:none!important;
    }
}

@media ( min-width: 768px )  
{
    .navbar
    {
        background-color: black!important;
    }
    
    .navbar > .container {
        text-align: center;        
    }
    .navbar>.container .navbar-brand
    {
        margin-left:0px;
    }
    .navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
        float: left;
        display: inline-block;        
    }
    .collapse.navbar-collapse {
        width: auto;
        clear: none;
    }
    .nav-bug {
        width: 500px;        
    }
    
    .col-sm-3 
    {
        padding-left:10px;
        padding-right:10px;
        width:22%;
        overflow:hidden;        
    }
    
    .col-sm-6
    {
        width:56%;                        
        overflow:hidden;
    }
}

@media ( min-width: 1200px )  
{
    .col-sm-3 
    {
        width:19%;
    }
    
    .col-sm-6
    {
        width:62%;
    }
}

@media ( min-width: 1400px )  
{
    .col-sm-3 
    {
        width:23%;
    }
    
    .col-sm-6
    {
        width:54%;
    }
}

@media ( min-width: 1800px )  
{
    .col-sm-3 
    {
        width:18%;        
    }
    
    .col-sm-6
    {
        width:64%;
    }
}

.semi-trans
{
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

label
{
    font-weight:normal;    
}

.globalNotice
{
    background-color:#DA4453;
    color:black;
    padding:5px;
    text-align:center;  
    margin-top:10px; 
}

.globalNotice2
{
    background-image: url('http://mellowads.com/img/background.jpg');
    background-position:0px;
    background-color:#F6A146;    
    padding:5px;
    text-align:center;  
    margin-top:10px; 
}

.globalNotice2 a
{
    color:black;
    text-decoration:none;
}

.globalNotice2 a:hover
{
    color:black;    
    text-decoration:underline;
}

.moonlitecoinNotice
{
    background-color:#5D9CEC;
    color:white;
    padding:5px;
    text-align:center;  
    margin-top:10px;     
}

.globalError
{
    background-color:#DA4453;
    color:white;
    padding:5px;
    text-align:center;  
    margin-top:10px; 
}

.row
{
    margin-left:0px;
    margin-right:0px;
}

.col-sm-6
{
    min-height:600px;    
}
    
table
{
    border-collapse: separate;
    border-spacing: 2px;
    color:Black;
}

a
{
    color:White;  
    text-decoration:underline;  
}

a:hover
{
    color:White;  
}

.nobr
{
    white-space:nowrap;
}

.para
{
    margin:10px auto;    
}

h3
{
    color:Gray;
    margin-top:10px;    
    margin-bottom:0px;    
}

.loader
{
    margin:10px auto;
}

.labelPara
{
    color:Gray;
}

.navbar a
{
    text-decoration:none;  
}

.navbar .active a
{
    color: white!important;
}

img
{
    vertical-align:middle;
}

.hidden
{
    display:none;
}

.advert
{
    margin: 10px auto;
    text-align:center
}

.footer
{
    color:#999;
    background-color:black;
    padding:5px; 
    margin-top:10px;   
}

.footer a
{
    color:#999;
    text-decoration:none;
}

.footer a:hover
{
    color:white;
}

.popup
{
    display:none;
    min-width:322px;
    max-width:1000px;
    width:75%;
    background-color:black;
    border:2px solid white;
    padding:0px 10px 10px 10px;
    max-height:90%;
    overflow-y:auto;
}

.payment-address
{
    width:320px;
    border:0px;
    padding:6px;
    color:Black;
}

.signed-in-payment-address
{
    width:100%;
    font-size:0.9em;
    text-align:center;
    border:0px;
    padding:0px;
    background-color:transparent;    
}

.submit-button
{
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    padding:6px 12px;
    border:0px;
    color:Black;
    width:200px;
    background-color:#CCC;    
}

.submit-button:hover
{
    background-color:#DA4453;
    cursor:pointer;
}

.success-message
{
    background-color:#DA4453;
    color:Black;
    padding:6px;
    max-width:95%;
    min-width:320px;
    margin:10px auto;
}

.success-message-panel
{
    width:120px;
    padding:5px;
    margin:1px 3px;
    background-color:black;
    color:white;
    display:inline-block;
    font-size:0.85em;
}

.failure-message
{
    background-color:#DA4453;
    color:Black;
    padding:6px;
    width:50%;
    min-width:320px;
    margin:10px auto;
}

.other-message-panel
{
    display:inline-block;
    margin: 5px;
    width: 200px;    
    height: 200px;    
    padding: 5px;
    border: 2px solid #CCC;
    color: White;
    vertical-align:top;
    font-size:0.95em;
}

.other-message-panel:hover
{
    background-color: #DA4453;
    border-color: #DA4453;
    cursor:pointer;
    color: black;
}

.close-button
{
    display:block;
    position:absolute;    
    top:0px;
    right:0px;
    margin-right:6px;    
    border:0px;
    background-color:Black;
    color:#999;
    text-decoration:none;
    
}

.close-button:hover
{
    color:white;
    text-decoration:none;
}

.sign-out-button
{
    color:#999;
    font-size:0.9em;
    text-decoration:none;
}

.sign-out-button:hover
{
    color:white;
}

.alert-settings-button
{
    color:#999;
    text-decoration:none;
}

.alert-settings-button:hover
{
    color:white;
}

.advertise-here
{
    color:#999;
    font-size:0.8em;
    text-decoration:none;
}

.advertise-here:hover
{
    color:white;
}

#adcopy-outer
{
    border:none!important;
    margin:0px auto!important;
    background-color:transparent!important;
}

#adcopy_response
{
    font-size:inherit!important;
}

#adcopy-expanded-response
{
    color:black!important;
}

.logo-link
{
    padding:0px;
    float:left
}

.logo
{
    color:#DA4453;
    padding-top:0px;
    margin:5px;
    vertical-align:bottom
}

.moon
{
    height:16px;
    width:16px;
    vertical-align:baseline;
    margin-top:2px;
}

#lhsTopAd
{
    margin:10px auto auto auto;
    max-width:300px;   
}

#rhsTopAd
{
    margin:10px auto auto auto;
    max-width:300px
}

table
{
    width:95%;
    max-width:900px;
    margin:0px auto;
    font-size:0.9em;
}

.claimrates
{
    max-width:400px;
}

.transactions th
{
    color:black;
    font-weight:normal;
    background-color:#DA4453;       
    padding:3px;
}

.payments th
{
    color:black;
    font-weight:normal;
    background-color:#DA4453;       
    padding:3px;
}

.claimrates th
{
    color:black;
    font-weight:normal;
    background-color:#DA4453;       
    padding:3px;
}

.transactions td
{
    color:black;
    background-color:white;
    padding:3px;
}

.payments td
{
    color:black;
    background-color:white;
    padding:3px;
}

.claimrates td
{
    color:black;
    background-color:white;
    padding:3px;
}

.payments td a
{
    color:black;
}

.transaction-timestamp-cell
{
    width:180px;
    text-align:left;
}

.description-cell
{    
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.source-name-cell
{
    width:120px;
    text-align:left;
}

.amount-cell
{
    width:80px;
    text-align:center;
}

.link-unit
{
    display:inline-block;
    background-color:#000000;
    padding:3px;
}
