/*
//---------------------------------------------
//  THIS CODE IS NOT APPROVED FOR USE IN/ON ANY OTHER UI ELEMENT OR PRODUCT COMPONENT.  
//  Copyright (c) 2006 Microsoft Corporation.  All rights reserved.
// ----------------------------------------------
*/
body
{
    margin: 0px;
    padding: 0px;
    width: 305px;
    height: 166px;
    background-color:#ff00ff;
    background-repeat: no-repeat;
    background-image:url('../images/flyout_background.png');
}

#FlyoutArea
{
    position:absolute; 
    z-index:5;
    margin: 7px;
    padding: 0px;
    width: 291px;
    height: 156px; 
    overflow-x: hidden;
    overflow-y: auto;
}

#BgThumbFrame
{
    position: relative;
}

#ThumbnailShadow
{
    width: 102px;
    filter: shadow(color:black, strength:3, direction:135);
    /*filter: progid:DXImageTransform.Microsoft.Glow(color=gray, strength=4);*/
    /*filter: progid:DXImageTransform.Microsoft.dropShadow(color=gray,offX=4,offY=4, positive=true);*/
}

#ThumbnailUrl
{
    width: 98px;
    border: 0px;
}

#FlyoutPlayButton
{
    position: absolute;
    top: 46px;
    left: 74px;
    z-index: 50;
    visibility: hidden; /* hide until thumbnail is loaded */
}

#frameThumbAndInfo
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.FlyoutOfferImage /* used by templates */
{
    float: left;
    padding: 3px 3px 3px 3px;
    width: 98px;
    height: 98px;
    border: 0;
}


.FlyoutDefaultFont
{
    font-family:Segoe UI;
    font-size:9pt;
    color:RGB(242,242,242);
}

.FlyoutDefaultFontBlue
{
    font-family:Segoe UI;
    font-size:9pt;
    color:RGB(151,217,255);
}

.FlyoutBigFont
{
    font-family:Segoe UI;
    font-size:13pt;
    color:RGB(242,242,242);
}

a:link, a:visited 
{
    text-decoration:none; color:RGB(242,242,242)
}

a:hover 
{
    text-decoration:none; color:RGB(242,242,242);
}