/* --------------------------------------------------------------------------
 * TV GUIDE CSS FILE:
 * -------------------------
 * VERS: v0.1
 * -------------------------
 * This file will assist design.css at the same level and specify
 * styling for right hand column modules and particular inpage 
 * fragments/widgets. It sets up common design elements for module styles
 * which can be overridden at the design_*variation*.css level for colours. 
 * 
 * INHERITANCE LEVELS:---------------
 * [Browser]
 *  +(YUI Reset)
 *  +(YUI Fonts)
 *  +(YUI Grids)
 *      +(global_elements.css)
 *          +(modules.css)
 *          +(design.css)
 *              +(design_<appname>.css) - << YOU ARE HERE - Separate application in the site. 
 *              +(design_*site-variation*.css) - future regional branding?
 * 
 -------------------------------------------------------------------------- */

/* =============================================================================
    SMART SPRITES - SPRITE IMAGE DIRECTIVES
                    [Any new smartsprites definitions should be made here]
                    [Sprite image directives inherit from design.css]
   ===========================================================================*/
    /*Sprite names in use: finda_globals-vert, finda_globals-horiz*/
    

/* =============================================================================
    COLOR GLOSSARY
        - LIGHTGREY > BG, KEYLINES, IMG-BORDER: #F3B600
        - CHARCOAL  > BASE TEXT:                #333333
        - MIDGREY   > PAGINATION-OFF, TXTFIELD: #999999
        - BLUE      > STANDARD LINKS:           #0374B1
        - LIGHTBLUE > HIGHLIGHTED LINKS:        #49ACE1
        - PINKYRED  > WEATHER-MAXTEMP:          #FF6666
    ==========================================================================*/
    

/* =============================================================================
    TV Guide, Now / Next, Details
   ===========================================================================*/

span#todaysDate {
    font-size: 14px;
    padding: 4px 0 0 0;
}

#controlsAndPreferences {
    padding: 0 0 1px 0;
}

#tvControls {
    padding: 0;
}

ul#TVcontrols {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

    ul#TVcontrols li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0 none;
        border-right: solid 3px #FFF;
        float: left;
    }

        ul#TVcontrols li a {
            background-color: #49ACE1;
            color: #FAFAFA;
            font-size: 11px;            
            font-weight: bold;                        
            border: 0 none;
            display: block;
            text-align: center;
            padding: 5px 0;
            line-height: 15px;
            width: 108px;            
        }
        
        .fullGuide ul#TVcontrols li a {
            width: 161px;
        }
        
    ul#TVcontrols li.nextTab {
        border-right: none;
        border-left: solid 3px #FFF;
        position: absolute;
        right: 0;
        -position: static;
    }
    
    .fullGuide ul#TVcontrols.hasPrevious li a {
            width: 137px;            
    }
    
    ul#TVcontrols li.nextTab a {        
        -width: 98px;
    }
    
    .fullGuide ul#TVcontrols li.nextTab a {        
        -width: 148px;
    }
    
    .fullGuide ul#TVcontrols.hasPrevious li.nextTab a {
        -width: 128px;
    }

    ul#TVcontrols li a:hover, 
    ul#TVcontrols li.active a {
        background-color: #0374B1;
    }
    

#tvPreferences {
    padding: 2px 0 5px 0;    
}

#tvPreferences span {
    color: #AEACA5;
    padding: 0 10px;
}

    #tvPreferences select {
        font-size: 14px;
        color: #000;
    }
    
    #tvPreferences #tvDay {
        width: 150px;
    }
    #tvPreferences #tvRegionFTA {
        width: 220px;
        margin-left: 5px;
    }
    #tvPreferences #tvRegionPAY {
        width: 230px;
    }

table#programlist {
   border-bottom: 1px solid #E9E9E9; 
}
    table#programlist tr {
        
    }
    
    table#programlist th {
        font-weight: bold;
        font-size: 12px;
        background-color: #E9E9E9;
        padding: 6px 8px 6px 8px;
    }

    table#programlist td {
        padding: 12px 8px 12px 8px;
        border-top: 1px solid #E9E9E9;
        vertical-align: text-top;
    }

        table#programlist td a {
            font-weight: bold;
        }

    table#programlist td.station {
        font-size: 12px;
        background-color: #49ACE1;
        font-weight: bold;
    }

    table#programlist td.date {
        background-color: #E9E9E9;
        font-weight: bold;
    }


    table#programlist td .pTime {
        font-weight: bold;
    }
    
table#programlist.fullGuide {
    
}
    
    table#programlist.fullGuide td,
    table#programlist.fullGuide td.station,
    table#programlist.fullGuide th {
        border-right: 1px solid #E9E9E9;
        font-size: 11px;
        padding-left: 4px;
        padding-right: 4px;
    }

/* TV Guide Popup */
#tvDetailWrapper {
    height: 600px;
    padding: 10px;
    text-align: left;
}


.closeWindow {
    text-align: right;
}

#tvDetailWrapper {
    
}

    #tvDetailWrapper #tvDetailHeader {
        background-color: #E9E9E9;
        padding: 8px 12px;    
    }
    
        #tvDetailWrapper #tvDetailHeader h3 {
            font-weight: bold;
            font-size: 12px;   
        }
        
    #tvDetailWrapper #tvDetailBody {
        padding : 10px 0;   
    }
    
        #tvDetailWrapper #tvDetailBody .ad {
            padding : 0 0 0 10px;   
        }
        
        #tvDetailWrapper #tvDetailBody .ad {
            padding : 0 0 0 10px;   
        }
        
        #tvDetailWrapper #tvDetailBody .ad iframe {
            min-height: 250px;
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .title {
            font-weight: bold;
            font-size: 18px;  
            padding: 0 0 8px 0;
            margin: 0; 
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .subtitle {
            
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .timeAndChannel {
            margin: 0;
            padding: 0;
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .date {
            
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .synopsis {
            
        }
        
        #tvDetailWrapper #tvDetailBody #tvDetails .meta {
            
        }
        
            #tvDetailWrapper #tvDetailBody #tvDetails .meta li {
                line-height: 16px;
            
            }
        
            #tvDetailWrapper #tvDetailBody #tvDetails .meta .name {
                font-weight: bold;
            }
            
            #tvDetailWrapper #tvDetailBody #tvDetails .meta .value {
                position: absolute;
                left: 130px;
            }
    
body.popup {
    background-image: none;
}