/*//////////////////////////////////////////                                 
 Media   Center | Release Date | 10.24.08
 Sidebar Gadget |      Version | 0.0(βeta)

 Copyright © 2008 Microsoft Corporation.    
 All rights reserved.                                                                              
 THIS CODE IS NOT APPROVED FOR USE IN/ON    
 ANY OTHER UI ELEMENT OR PRODUCT COMPONENT.
/////////////////////////////////////////*/

/*/ TAGS /*/




body 
{
  width:236px;
  height:166px;
  margin:0px;
  padding:0px;
  background-repeat: no-repeat;
  overflow:hidden;  
}


a.MainLinks:hover, a.MainLinksOpen /* MainLinksOpen is used when flyout is displayed */
{
  font-family:Segoe UI;
  position:relative;
  text-decoration:none; 
  color:#f2f2f2;
  font-size:11pt;
  left:-8;
  line-height:16px;
}

a.MainLinks:link, a.MainLinks:visited
{
  font-family:Segoe UI;
  position:relative;
  text-decoration:none; 
  color:#add8e6;
  font-size:10pt;
  bottom:0px;
  left:-4;
  line-height:16px;
}

.SourceFont:link, a.SourceName:visited
{
  color:#f2f2f2;
  font-family:Segoe UI;
  font-size:12pt;
  text-decoration:none;
}

.SourceFont:hover
{
  color:#f2f2f2;
  font-family:Segoe UI;
  font-size:12pt;
  font-weight:bold;
  text-decoration:none;
}  



/*/ CONTAINERS /*/

#BgLoading
{
    z-index: 10; /* the very bottom */
    position: absolute;
    left: 0px;
    top: 0px;
}

#BgDefault
{
    visibility: hidden;
    z-index: 20;
    position: absolute;
    left: 7px;
    top: 4px;
    height: 124px;
    width: 224px;
}

#BgThumbFrame
{
    visibility: hidden;
    z-index: 20;
    position: absolute;
    height: 124px;
    width: 224px;
    left: 7px;
    top: 4px;
    filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5);
}

.BackThumbImage
{
    /* the BgThumbFrame crops this */
    position: relative;
}


#Lense
{
    position:absolute; 
    z-index: 30; /* lense goes on top of #BgLoading */
    top:2px; 
    left:4px;
    height: 128px;
    width: 228px;
    visibility:hidden;
}
     
#ContentItem0 
{
  position:absolute;
  top:63;
  left:23;
  line-height:14px;
  margin-bottom:6;
  z-index: 100;
  width: 100%;
}

#ContentItem1 
{
  position:absolute;
  top:83;
  left:23;
  line-height:14px;
  margin-bottom:5;
  z-index: 100;
  width: 100%;
}

#ContentItem2 
{
  position:absolute;
  top:103;
  left:23;
  line-height:14px;
  margin-bottom:11;
  z-index: 100;
  width: 100%;
}

/*/ CONTROLS /*/



#LeftNavButton 
{
  margin-left:3px; 
}

#RightNavButton 
{
  margin-left:2px;
  margin-right:10px;
  line-height:26px;
}

#LoadingText
{
  z-index: 150;
  position: absolute;
  top: 62px;
  left: 111px;
}

#navHolder 
{
  position:absolute;
  left:9px;
  top:139px;
  z-index:100;
}

#WMC_Logo 
{
  position:absolute;
  top:138;
  left:207;
  z-index: 100;
  visibility: hidden; /* displayed once we're done loading */
}

#WMC_LogoType
{
  position:absolute;
  top:141;
  left:48;   
  visibility:hidden;
  z-index: 100;
}

#SourceFrame
{
    position:absolute;
    top:138;
    left:43;   
    visibility:hidden;
    z-index: 100;
}