﻿body 
{
    background-color: black;
    color: white;
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif!important;    
    font-size:1.6em;
    text-align: center;    
}

.flexContainer
{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:flex-start;    
}

.firstPanel
{
    text-align:center;
    width:336px;
    margin:10px;
}

.mainPanel
{
    text-align:center;
    width:336px;
    margin:20px auto;
}

.lastPanel
{
    text-align:center;
    width:336px;
    margin:10px;
}

.flexAd
{    
    max-height:280px;    
    overflow:hidden;  
    margin:0px auto;  
}

.stickyAd
{
    position:fixed;
    width:300px;
    height:600px;
}

#ytplayer
{
    width:500px;
    height:280px
}

.siteInfo
{
    text-align:center;
    background-color:#111;
    margin-top:20px;
    padding: 20px 30%;
    color:white
}

@media ( max-width: 1200px ) 
{
    .flexContainer
    {
        flex-direction:column;
        align-items:center;    
    }

    .firstPanel
    {
        width:100%;
        max-height:90px;
    }

    .lastPanel
    {
        width:100%;
    }

    /*
    .flexAd
    {
        width:728px;
        max-height:90px;        
    }
    */

    .stickyAd
    {
        position:initial;
        width:100%;
        height:100%;
    }
    
    .siteInfo
    {
        padding: 20px;        
    }    
}

@media ( max-width: 750px ) 
{
    /*
    .flexAd
    {
        width:468px;
        max-height:60px;        
    }
    */
}

@media ( max-width: 480px ) 
{
    /*
    .flexAd
    {
        width:300px;
        max-height:250px;        
    } 
    */ 
    
    #ytplayer
    {
        width:320px;
        height:180px
    }  
}

.semi-trans
{
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

table
{
    border-collapse: separate;
    border-spacing: 2px;
    color:Black;
}

a
{
    color:White;  
    text-decoration:underline;  
}

a:hover
{
    color:White;  
}

.navLink
{
    color:#999;
    text-decoration:none;
}

.navLink:hover
{
    color:white;    
    text-decoration:none;
}

.nobr
{
    white-space:nowrap;
}

.para
{
    margin:10px auto;
}

img
{
    vertical-align:middle;
}

.hidden
{
    display:none;
}

.win-list
{
    margin-bottom:20px;
}

.win-item
{
    color:white;
    background-color: green;
    border: 1px solid transparent;
    border-radius:15px;
    padding:3px 16px;
    height:30px;
    font-weight:bold;
}

.bitcoin-address-input
{
    margin:0px;
    height:30px;
    width: 320px;
    border: 1px solid #F6BB42;
    border-radius:15px;
    padding:0px 10px;
    outline-width: 0;   
    color:Black;
}

.feed-button
{
    margin-left:-5px;
    color: black;
    background-color: #F6BB42;
    border: 1px solid transparent;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    width: 140px;
    height: 30px;    
    outline-width: 0;
}

.feed-button:hover
{
    background-color: #FFCE54;  
    cursor:pointer;  
}

.submit-button
{
    color: black;
    background-color: #F6BB42;
    border: 1px solid transparent;
    border-radius:15px;
    width: 140px;
    padding:4px; 
    margin-top:10px;
    height: 30px;    
    outline-width: 0;
}

.submit-button:hover
{    
    background-color: #FFCE54;  
    cursor:pointer;  
}

.captcha-dialog
{    
    display:none;    
}

.zebra-animation
{
    display:none;
    
}

.zebra-animation img
{
    margin:85px;
}

.captcha-control
{
    /*width:100%;*/
}

#recaptcha_area
{
    margin: 0 auto;
    border: 1px solid #FFCE54;
    background-color:White;
}

.success-message-panel
{
    margin: 20px auto;
    max-width: 850px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 15px;
    background-color: green;
    color: White;
}

.failure-message-panel
{
    margin: 20px auto;
    max-width: 468px;
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 15px;
    background-color: #DA4453;
    color: White;
}

.other-message-panel
{
    display:inline-block;
    margin: 5px;
    width: 204px;    
    height: 204px;    
    padding: 5px;
    border: 2px solid #4A89DC;
    border-radius: 15px;
    color: White;
    vertical-align:top;
}

.other-message-panel:hover
{
    background-color: #E9573F!important;
    border-color: #E9573F;
    cursor:pointer;
}

.advert
{
    margin: 10px auto;    
}

.transaction-list
{    
    width:80%;
    min-width: 320px;
    max-width: 600px;
    margin: 20px auto;        
}

.transaction-list-table
{
    width:100%;
    font-size:0.9em;    
}

.transaction-description-cell
{
    text-align:left;
    vertical-align:middle;
    background-color:White; 
    padding:2px;   
}

.transaction-amount-cell
{
    text-align:center;
    vertical-align:middle;
    background-color:White;
    width:100px;
    padding:2px;
}

.transaction-timestamp
{
    font-size:0.8em;
    font-style:italic;
}

.codeArea
{
    background-color:White;
    color:Black;   
    margin: 5px auto;   
    text-align:center; 
    max-width:1000px;    
}

.twitter-share-button 
{ 
    width: 65px !important; 
}

h1 
{
    color: #FFCE54;
}

h2
{
    font-size:26px;
}

h3
{
    color: #FFCE54;
}

h4
{
    font-weight:bold;
    margin-top:15px;
}

.transactionTypeDropdown
{
    color:Black;
}

.captchaTypeDropdown
{
    color:Black;
}

.transaction-type-0
{
    color:Black;
}

.transaction-type-1
{
    color:Blue;
}

.transaction-type-2
{
    color:Red;
}

.transaction-type-3
{
    color:Black;
}

.footer
{
    color:#999;
    background-color:#222;
    padding:5px;    
}

.footer a
{
    color:#999;
    text-decoration:none;
}

.footer a:hover
{
    color:white;
}

.globalNotice
{
    background-color:#F6BB42;
    color:white;
    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; 
    font-weight:bold;
}

.globalNotice2 a
{
    color:black;
    text-decoration:none;
}

.globalNotice2 a:hover
{
    color:black;    
    text-decoration:underline;
}

.xapoNotice
{
    background-color:#FF3B30;
    color:white;
    padding:5px;
    text-align:center;  
    margin-top:10px; 
    cursor:pointer
}

.xapoNotice:hover
{
    background-color:#FF5B30;    
}

.diceTable
{
    background-color:White; 
    border: 1px solid #F6BB42;
    border-radius:15px;
    padding:10px;
    width:auto;
    display:inline-block;
    margin:0px auto;
}

#adcopy-outer
{
    border:none!important;
    margin:0px auto!important;
    background-color:transparent!important;
}

#adcopy_response
{
    font-size:inherit!important;
}

.advertise-button
{
    color:white;
    background-color: #222;
    border-radius:15px;
    padding:0px 10px;
    text-decoration:none;     
}

.advertise-button:hover
{
    background-color: #ED5565;      
    text-decoration:none 
}

#lhsBottomAd img
{
    display:block;    
}

#rhsBottomAd img
{
    display:block;        
}

@media ( max-width: 768px ) { 
    .advertise-button-ss {
        display:none;
    }
}

.popup
{
    display:none;
    min-width:320px;
    max-width:1000px;
    width:75%;
    background-color:black;
    border:2px solid white;
    padding:0px 10px 10px 10px;
    max-height:90%;
    overflow-y:auto;
}

.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;
}

.advertise-here
{
    color:#999;
    text-decoration:none;
}

.advertise-here:hover
{
    color:white;
}

.adcopy-expanded-instr
{
    color:black!important;
}

#adcopy-expanded-response {
  color: black!important;
}

.FlippaPromoIframe
{
    z-index: auto!important;
}