﻿/* Style the button */
.tabcrumbs a#normalview
{
   background-position: -50px 0;
}

/* Folder Item styling... */
.folderItem
{
   float: left;
   margin: 2px 4px 2px 4px;
   width: 98px;
   height: 145px;
   z-index: 0;
   list-style-type: none;
}

.folderItemSelected
{
   float: left;
   margin: 2px 4px 2px 4px;
   width: 98px;
   height: 145px;
   z-index: 0;
   list-style-type: none;
}

.details
{
   display: none;
}

.folderItem .itemContents
{
   width: 98px;
   height: 140px;
   padding: 0;
   margin: 2px 0 0 2px;
}

.folderItemSelected .itemContents
{
   width: 98px;
   height: 140px;
   padding: 0;
   padding-bottom: 2px;
   border: 1px solid #aaa;
   background-color: #e6e6e6;
   margin: 1px 0 0 1px;
}

.itemRepresentation
{
   width: 70px;
   height: 80px;
   margin: 0 auto 0 auto;
   text-align: center;
   line-height: 80px;
   overflow: hidden;
}

.itemSelector
{
   cursor: pointer;
}

.itemImage
{
   margin-top: 10px;
   width: 70px;
   height: 70px;
   max-width: 70px;
   max-height: 70px;
   cursor: pointer;
   vertical-align: middle;
   float: right; 
   z-index: 1;
}

.itemImageType
{
   float: left; 
   z-index: 2; 
   margin-top: -24px; 
   margin-left: 46px;
}

.folderItem .infoArea
{
   height: 32px;
   width: 96px;
   margin: 4px auto 0 auto;
   overflow: hidden;
   text-align: center;
   font-weight: bold;
   max-height: 50px;
}

.folderItemSelected .infoArea
{
   height: 32px;
   width: 96px;
   margin: 4px auto 0 auto;
   overflow: hidden;
   text-align: center;
   font-weight: bold;
   max-height: 50px;
}

.titleArea
{
   height: auto;
   width: auto;
   font-size: small;
   cursor: default;
}

.actionArea
{
   display: none;
   height: 22px;
   width: 100%;
   margin: 0 auto 0 auto;
   text-align: center;
}

.actionButton
{
   margin: 0;
   border: 0;
   display: inline;
   vertical-align: middle;
   cursor: pointer;
}

.actionImage
{
   height: 19px;
   width: 19px;
   margin: 2px 1px 0 1px;
   padding: 0;
   vertical-align: middle;
}

.defaultFolder
{
   width: 98px;
   height: 140px;
   padding: 0;
   margin: 2px 0 0 2px;
}

.folderItemSelected .defaultFolder
{
   width: 98px;
   height: 140px;
   padding: 0;
   margin: 1px 0 0 1px;
   padding-bottom: 2px;
   border: 1px solid #aaa;
   background-color: #dedede;
}

/*
 * The following styles only affect the "My Library: item inside a folder.
 */
.folderItem #alternateItemInfo, .folderItemSelected #alternateItemInfo
{
   display: none;
}

.defaultFolder .infoArea
{
   display: none;
}

.defaultFolder #alternateItemInfo
{
   display: block;
}

.defaultFolder .infoArea .titleArea
{
   text-align: center;
   font-size: .9em !important;
   font-style: italic;
   font-family: arial, sans-serif;
   color: #444;
}


