/*
 *
 *	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;
}

/*
 *
 * AppPanelListItem
 *
 */

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

/*
 *
 * 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:27px;
 }

.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;
    width:80px;
    height:80px;
}

.Swatch img
{
    width:80px;
    height:80px;
}


/*
 *
 * 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;
}