﻿body 
{
    margin:             0;
    font-family:        Helvetica;
    -webkit-user-select:        none;
    -webkit-text-size-adjust:   none;
    overflow-y:                 hidden; 
}

p 
{
    margin:     0;
    padding:    0; 
}
a#screen { display:none;position:fixed;top:0;left:0;width:100%;height:10000px;z-index:1000;background-color:#000;opacity:0.7; }
a#overlay { display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000; }

table.m-player
{
    width: 100%; 
    border-collapse: collapse;
}

td.m-thumb
{
    width: 65px; 
    text-align: center; 
    border-bottom: 1px dotted #B2B2B2; 
    border-left: 1px dotted #B2B2B2;
}

td.m-story
{
    border-bottom: 1px dotted #B2B2B2; 
    border-right: 1px dotted #B2B2B2;
    padding: 0px 8px 0px 5px;    
}

p.m-title
{
    font-family: Trebuchet MS;
    font-size: 12pt;
    color: #336699;
    margin: 0px;
    padding: 0px;
}

p.m-title-iphone
{
    font-family: Trebuchet MS;
    font-size: 14pt;
    color: #336699;
    margin: 0px;
    padding: 5px 10px 0px 10px;
}

div.m-desc-iphone
{
    font-family: Arial;
    font-size: 12pt;
    color: #333333;
    margin: 10px 8px 10px 8px; 
}

div.image-iphone
{
    padding: 0px 8px 0px 8px;     
}

p.m-stats-iphone
{
    font-family: Trebuchet MS;
    font-size: 11pt;
    color: Gray;
    padding: 0px 8px 0px 8px;
}

p.m-stats
{
    font-family: Trebuchet MS;
    font-size: 10pt;
    color: Gray;
    margin: 0px;
    padding: 0px;
}

a
{
    color: #0066CC;    
}

span.m-links
{
    font-family: Trebuchet MS;
    text-decoration: underline;
    font-size: 12pt;
    color: #0066CC; 
}

.summaryimage { padding-right: 5px; padding-bottom: 5px; }

.summarycontentmobile, .summarycontentbottommobile
{
    position: absolute;
    top: -16px;
    left: 0px;
    width: auto;
    height: auto;
    padding: 5px 5px 5px 5px;
    margin-top: 16px;
    background: #FFFFE0;
    color: #4D4D4D;
    font-family: Arial;
    font-size: 11pt;
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    border-right: outset 2px #B2B2B2;
    border-bottom: outset 2px #B2B2B2;
    visibility: hidden;
    z-index: 100; 
}

div.m-social
{
    padding-top: 5px; 
    font-family: Arial;
    font-weight: bold; 
    font-size: 11pt; 
    color: #0066CC;    
}

.MyPodcast
{
    font-family: Arial;
    font-weight: bold; 
    font-size: 12pt;
}

div.m-social-iphone
{
    padding: 10px 8px 10px 8px; 
    font-family: Arial;
    font-weight: bold; 
    font-size: 12pt; 
    color: #0066CC;    
}

/* Used for mobile upgrade screens */

.upgradetexthdr
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold; 
    color: #666666;
    text-align: left;  
    
}

.upgradetexthdrsm
{
    font-family: Arial;
    font-size: 10pt;
    color: #666666;
    text-align: left;  
}

.upgradetext
{
    font-family: Arial;
    font-size: 10pt; 
    color: #6D7B8D;
    text-align: right;  
    
}

.upgradefields
{
    font-family: Arial;
    font-size: 10pt; 
    text-align: left; 
    color: #6D7B8D; 
    
}
