/* menu buttons for Upload, Create Folder, etc */

td
{
   border: none;  
}

#emptyLibrary
{
   display: none;
   margin-left: 10px;
   font-size: 1.3em;
   font-style: italic;
   color: #666;
}

.menuList li
{
   display: inline;
   /* for IE5 and IE6 */
}

.menuList
{
   width: 10em;
   margin: 0 0 0 3em;
   padding: 0;
}

.menuList a
{
   margin-bottom: .5em;
   width: 100%;
}

/* sort buttons to sort by name, size, views, bandwidth, date */
#sortControls
{
   color: #7a7a7a;
   float: left;
}

#sortControls a
{
   margin-left: 12px !important;
   color: #7e7c7b;
   text-decoration: none;
}

#sortControls a:hover
{
   color: #f47b20;
}

#sortControls .currentSort
{
   color: #f47b20;
   text-decoration: underline;
}

#sortControls .unsorted:hover
{
    text-decoration: underline;
}

#sortControls .sortButton 
{
   padding-right: 4px;
   padding-left: 2px;
   border-right: 1px solid #ddd;
}

#sortControls .sortButtonLast 
{
   /*border-left: 1px solid #ddd;*/
}

#sortControls {
   padding: 0;
   margin: 10px;
   margin-bottom: 0px;
   overflow: hidden;
   height: 24px;
}
 
/*
Old styles that were on user.aspx
*/
.tabcrumbs
{
   background: #f47b20 url( '../../img/common/navbarbg.png' ) repeat-x left top;
   margin: 0px auto;
}

.contentTable
{
   width: 100%;
}

.actionBar
{
   background-color: white;
}

.folderContent
{
   min-height: 360px;
   min-width: 710px;
}

#folderItemList
{
   list-style-type: none;
   padding-left: 0;
   margin-left: 0;
}

#errorStatusBar
{
   /*display: none;*/
}

.imageButton
{
   cursor: pointer;
   border: none;
   text-decoration: none;
}

#actionMenu
{
   list-style-type: none;
   width: 90%;
   margin: auto;
}

.menuItem
{
   list-style-type: none;
   margin-bottom: 2px;
   text-align: center;
}

.buttonLink
{
   border: none;
   text-decoration: none;
}

/* 
   Old Styles user.css
*/

.hoverOnFolder
{
   background: url(/img/library/dropok.gif) top right no-repeat;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

.hoverOnPlaylist
{
   background: url(/img/library/dropok.gif) top right no-repeat;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}

.folder
{
   margin-top: 10px; /*padding-bottom: 80px; Allows access to the bottom row of items. */
   margin-right: 20px;
   clear: both;
}

/* Share lightbox styles */
.stdButton
{
   cursor: pointer;
}

.shareItem
{
   float: left;
   width: auto;
   margin-bottom: 12px;
   padding-bottom: 12px;
   font-size: 1.0em;
   font-style: bold;
   font-family: arial, sans-serif;
   border-bottom: 1px dotted #ccc;
}

.shareConfiguration
{
   overflow: hidden;
   padding: 0;
   list-style-type: none;
}

.shareItem textarea
{
   width: 100%;
   color: #686868;
   font-size: .95em;
   font-family: arial, sans-serif;
   margin-bottom: none;
}

.shareItem input[type="text"]
{
   width: 360px;
   color: #686868;
   font-size: .95em;
   font-family: arial, sans-serif;
}

.shareConfiguration textarea:hover
{
   background-color: #FFFF99;
   cursor: pointer;
}

.shareConfiguration input[type="text"]:hover
{
   background-color: #FFFF99;
   cursor: pointer;
}

/* Background image style for the waiting area. */
.waiting
{
   background: url(/img/common/ajaxloader.gif) center no-repeat;
}

.mainDragHandle
{
   list-style-type: none;
   border: 1px solid #686868;
   padding: 2px;
   width: auto;
   height: auto;
   z-index: 0;
   background-color: #fff;
}


.dragHandleItem
{
   display: inline;
   max-width: 36px;
   max-height: 36px;
   margin: 1px;
   width: expression( document.all ?  "36px" : "auto" );
   height: expression( document.all ?  "36px" : "auto" );
}

.selectionArea
{
   -moz-opacity: 0.15;
   opacity: 0.15;
   filter: alpha(opacity=15);
}

.actionMenu ul
{
   margin: 0px;
}


/* 
   End user.css
*/

/* 
   Old Styles settings.css 
*/

/*
 * Folder & Playlist Settings lightbox styles
 */
.acceptedHeading
{
   margin-left: 5px;
   margin-bottom: 2px;
   font-weight: bold;
}

.header
{
   font-family: arial,sans-serif;
   margin-bottom: 2px;
   color: #333;
}

.informationalBlock
{
   overflow: auto;
   overflow-x: hidden;
}

.informationalBlock p
{
   font-style: italic;
   color: #666;
}

.editableText
{
   color: #729680;
   font-size: 1.1em;
   font-weight: bold;
}

img
{
   border: none;
}

/* For IE 6 */
.alignMiddle
{
   vertical-align: middle;
}

#titleValue
{
   font-size: 1.4em;
   font-family: arial,sans-serif;
   font-weight: bold;
   color: #729680;
   margin-bottom: 6px;
   width: 340px;
}

#descriptionValue
{
   font-family: arial,sans-serif;
   color: #777;
   max-height: 34px;
   overflow: hidden;
}

.inviteEmailAddr
{
   overflow: hidden;
   width: 148px;
}

.highlightRow
{
   background-color: #f5d7b4;
}

/* 
   End settings.css
*/

/* 
   Old Styles tooltip.css 
*/

.itemTooltip
{
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 99;
   padding: 6px;
   font: normal 8pt sans-serif;
   padding: 3px;
   border: solid 1px #999;
   background-color: #ffffe1;
   color: #000000;
   width: 200px;
   overflow: hidden;
}

/*
   The following is a hack to handle min-width for IE6. These styles will only
   affect non-IE6 browsers. IE6 will just have a 200px width as defined above. 
*/
html > body .itemTooltip
{
   width: auto;
   min-width: 120px;
   max-width: 220px;
}

.tooltipTitle
{
   font-size: 9pt;
   font-weight: bold;
   color: #333333;
   margin: 0 0 2px 0;
   padding: 0;
}

.actionTooltip
{
   font-size: 8pt;
   color: #000;
   display: none;
   width: 100%;
   margin-top: 2px;
   padding-top: 2px;
}

.actionToolTipAction
{
   font-size: 10pt;
   font-weight: bold;
   color: Red;
}

/* 
   End tooltip.css
*/

#informationalMarquee
{
   position: absolute;
   top: 73px;
   right: 100px;
   height: 16px;
   padding: 4px 10px;
   color: #673333;
   font-weight: bold;
   background: #FFF4A6;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFF4A6), to(#FFBC6B));
   background: -moz-linear-gradient(top, #FFF4A6, #FFBC6B);
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}