/*
 *
 *	AppList Control	
 *
 */
 
#AppList
{
}

#AppList ul
{
    padding:0 0 0 10px;
    margin:0;
}

#AppList li
{
    list-style-type:none;
}

#AppList .AppListSwatch
{
    position:relative;
    clear:both;
}

#AppList .AppListSwatch .Image
{
    height:90px;
    width:90px;
    float:left;
    padding-bottom:10px;
}

#AppList .AppListSwatch .Description
{
    float:left;
    padding: 35px 0 35px 10px;
}

#AppList .AppListPanel
{
    position:relative;
    clear:both;
}

#AppList .AppListPanel .Panel
{
    float:left;
    padding-bottom:20px;
}

#AppList .AppListPanel .Description
{
    float:left;
}

/*	App Title	*/
#AppList .AppListPanel .Description h2
{
    margin:0;
    padding-left:20px;    
    width:300px;
}
#AppList .AppListPanel .Description h2 a
{
	color: #e47910;
}

/*	Publisher Name */
#AppList .AppListPanel .Description h3
{
    margin:5px 0 0 0;
    padding-left:20px;    
    width:300px;
    font-size: 11px;
    color:#555;
}

#AppList .AppListPanel .CategoryLink
{
	font-size:10px;
}


/*	states for app and publisher links	*/
#AppList .AppListPanel .Description h2 a:link,
#AppList .AppListPanel .Description h3 a:link { text-decoration: none; }

#AppList .AppListPanel .Description h2 a:visited,
#AppList .AppListPanel .Description h3 a:visited { text-decoration: none; }

#AppList .AppListPanel .Description h2 a:active,
#AppList .AppListPanel .Description h3 a:active { text-decoration: none; }

#AppList .AppListPanel .Description h2 a:hover,
#AppList .AppListPanel .Description h3 a:hover { text-decoration: underline; }


#AppList .AppListPanel .Description p
{
    padding-left:20px;
    width:300px;
}

#AppList_PagingLinks
{
    clear:both;
    display:block;
    margin-left:220px;
}
#AppList_PagingLinks a, #appList_PagingLinks span
{
	padding: 0 10px;
	font-size:12px;
}
#AppList_PagingLinks span
{
	color:#777;
}

/*
 *
 * BuyButton
 *
 */
 .BuyButton
 {
     font-size:8pt;
     background-color:#2299ff;
     border:1px solid black;
     z-index:100;
 }

/*
 *
 * SwatchMarquee
 *
 */
 
 .SwatchMarqueeContainer
 {
     overflow:hidden;
     width:100%;
 }
 
 .SwatchMarquee
 {
     position:relative;
     height:100%;
 }

/*
 *
 * AppPanelListItem
 *
 */

.AppPanelListItem
{
    display:block;
    width:348px;
    height:291px;  
    float:left;
}

/*
 *
 * NavList
 *
 */
 
 .NavList
 {
     border-color:#c9e1f4;
     border-width:1px;
 }
 
 .NavListHeader
 {
     font-weight:bold;
     border-width:1px;
     border-color:#c9e1f4;
     background-color:#eaf3fe;
     color:#000000;
 }
 
 .NavListSubList
 {
     margin: 0px 0px 0px 0px;
     padding: 0px;
     list-style-type:none;
 }
 
 .NavList h3
 {
    margin:0 0 0 0;
    padding:0 0 0 0;
    
    font-family: "Segoe UI Semibold", "Gill Sans", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:1px;
}

 .NavList   a:link { color: #006e9f; text-decoration: none; }
 .NavList   a:visited { color: #006e9f; text-decoration: none; }
  .NavList  a:active { color: #006e9f; text-decoration: none; }
  .NavList  a:hover { color: #006e9f; text-decoration: underline; }
 
 
 .NavListItem
 {
     padding-left:9px;
     
     font-size:12px;
 }
 
 .NavListItem   a:link { color: #000000; text-decoration: none; }
 .NavListItem   a:visited { color: #000000; text-decoration: none; }
  .NavListItem  a:active { color: #006e9f; text-decoration: none; }
  .NavListItem  a:hover { color: #006e9f; text-decoration: underline; }
/*
 *
 * Swatch list
 *
 */
 
 .SwatchListHeader
 {
     color:#ffffff;
     padding:5px;
     font-weight:bold;
     background-color:#12aaff;
 }
 
 .SwatchList
 {
     background-color:#F1F4F5;
     width:100%;
 }
 
 .SwatchListItem
 {
     margin-bottom:2px;
     width:100%;
 }
 
 .SwatchListSwatchContainer
 {
     vertical-align:top;
 }
 
 .SwatchListDescriptionContainer
 {
     width:100%;
     padding-top:7px;
     padding-left:5px;
     padding-right:5px;
 }
 
 .SwatchListLink
 {
     font-size:10pt;
 }
 
 .SwatchListSummary
 {
     color:#505050;
     font-size:9pt;
 }

/*
 *
 * Icon panel
 *
 */
 
 /* copy to IconPanelHover */
.IconPanel
{
    position:relative;
    
    width:200px;
    height:38px;
}

.IconPanel #Image
{
    float:left;
    border:solid 1px #aaaaaa;
}

.IconPanel #Image img
{
    display:block;
    height:32;
    width:32;
}

.IconPanel #LabelContainer
{
    float:left;
       
    width:160px;
    height:38px;
    
    padding-left:5px;
    
    font-family:"Segoe UI", "Gill Sans", Verdana, Arial, Sans-Serif;
    color:black;
    text-align:left;
    line-height:1.2em;
    font-size:9pt;
    
    overflow:hidden;
    text-decoration:none;
}

.IconPanel #DetailButton
{
    visibility:hidden;
    
    position:absolute;
    right:0;
    bottom:0;
}

.IconPanel #DetailButton img
{
    border:none;
    display:block;
}

/* copy to IconPanel */
.IconPanelHover
{
    position:relative;
    
    width:200px;
    height:38px;
    
    cursor:pointer;
    
    background-color:#C0DCE2;
}

.IconPanelHover #Image
{
    float:left;
    border:solid 1px #aaaaaa;
    
}

.IconPanelHover #Image img
{
    display:block;
    height:32;
    width:32;
}

.IconPanelHover #LabelContainer
{
    float:left;
    
    width:160px;
    height:38px;    
        
    padding-left:5px;
    
    font-family:"Segoe UI", "Gill Sans", Verdana, Arial, Sans-Serif;
    color:black;    
    text-align:left;
    line-height:1.2em;
    font-size:9pt;
    
    overflow:hidden;
    text-decoration:underline;
}

.IconPanelHover #DetailButton
{
    visibility:visible;
    
    position:absolute;
    right:0;
    bottom:0;
}

.IconPanelHover #DetailButton img
{
    border:none;
    display:block;
}

/*
 *
 * IconPanelListLabeled
 *
 */
 
.IconPanelListGroupContainer
{
    width:240px;
    
    float:left;
}

.IconPanelListGroupContainerContent
{
    padding:5px 10px 15px 0px;
}

/*
 *
 * IconPanelList 
 *
 */
 
.IconPanelListContainer
{
    width:200px;
    float:left;
    
    margin:0;
    padding:0;
}

.IconPanelListContainer #LinkLayout
{
    margin-left:39px;
}

.IconPanelList
{
    width:200px;
    float:left;
}

/*
 * SearchBox
 */
 
.SearchBoxText
 {
     font-size: 12pt;
     font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
     width:320px;
     height:25px;
 }

.Watermark
{
    color:#888888;
    font-style:italic;
    font-size: 12pt;
    font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
    width:320px;
    height:27px;
}
 
 
.SearchBoxCompletionList
{
    margin:0; 
    padding:0; 
    background-color:#ffffff; 
    list-style:none; 
    float:left;
    text-align:left;
    position:relative;
    z-index:100;
    border-left:1px solid #888888;
    border-right:1px solid #888888;
    border-bottom:1px solid #888888;
    padding: 0 0 0 5px;
}
 
.SearchBoxCompletionListItem
{
    font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
    font-size: 9pt;
    background-color:#ffffff; 
    cursor:default;
}
 
.SearchBoxCompletionListItemHighlighted
{
    font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
    font-size: 9pt;
    background-color:#eeeeee; 
    cursor:pointer;
}

/*
 *
 * Swatch
 *
 */

.Swatch
{
    display:inline-block;
    float:left;
    border:0;
    padding:0;
    margin:0;
}

.SwatchImageLarge
{
    width:80px;
    height:80px;
}

.SwatchImageSmall
{
    width:32px;
    height:32px;
}


/*
 *
 * Swatch panel
 *
 */
 
/* copy to SwatchPanelHover */
.SwatchPanel
{
    display:inline-block;
    position:relative;
    
    float:left;
    width:104px;
    height:124px;
    
    text-align:center;
    
    border:0;
    padding:0;
    margin:0;
}

.SwatchPanel #Swatch
{
    display:inline-block;
    position:relative;
    
    float:left;
    width:80px;
    height:80px;
    
    top:11px;
    left:11px;
    
    padding:0;
    margin:0;

    border-width:1px;
    border-style:solid;
    border-color:#aaaaaa;    
}

.SwatchPanel #Label
{
    display:inline-block;
    position:relative;
    
    width:104px;
    height:24px;
    
    top:12px;
    
    border:0;
    padding:0;
    margin-top:4px;
    
    font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
    line-height:1.1em;
    font-size:8pt;
    color:#808080;
    
    overflow:hidden;
    text-decoration:none;
}

.SwatchPanel #DetailButton
{
    visibility:hidden;    
    
    position:absolute;
    left:87px;
    top:107px;
}

.SwatchPanel #DetailButton img
{
    border:none;
}

/* copy to SwatchPanel */
.SwatchPanelHover
{
    display:inline-block;
    position:relative;
    
    cursor:pointer;
    
    float:left;
    width:104px;
    height:124px;
    
    text-align:center;
    background-color:#C0DCE2;

    border:0;
    padding:0;
    margin:0;
}

.SwatchPanelHover #Swatch
{
    display:inline-block;
    position:relative;
    
    float:left;
    width:80px;
    height:80px;
            
    top:11px;
    left:11px;
    
    padding:0;
    margin:0;

    border-width:1px;
    border-style:solid;
    border-color:#808080;  
}

.SwatchPanelHover #Label
{
    display:inline-block;
    position:relative;
    
    width:104px;
    height:24px;
    
    top:12px;
    
    border:0;
    padding:0;
    margin-top:4px;
    
    font-family: "Segoe UI", "Gill Sans", Verdana, Arial, sans-serif;
    line-height:1.1em;
    font-size:8pt;
    color:#808080;
    
    overflow:hidden;
    text-decoration:underline;
}
 
.SwatchPanelHover #DetailButton
{
    visibility:visible;
    
    position:absolute;
    left:87px;
    top:107px;
}

.SwatchPanelHover #DetailButton img
{
    border:none;
}


/*
 *
 * Swatch panel list
 *
 */
 
.SwatchPanelList
{
    height:104px;
    float:left;
    
    margin-bottom:10px;
    margin-left:0px;
    
    text-align:center;
}

/*
 * Info panel
 */
 
 .AppSummaryText
 {
    color:#365876;
    font-family: "Segoe UI Semibold", "Gill Sans", Myriad, Arial, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height:1.3em;
 }