/* concatenation of: container.css, button.css, menu.css, trackpipe_basic.css, trackpipe_layout.css */
/* ------------- BEGIN container.css --------------- */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(http://bandcamp.com/tmpdata/cache/close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("http://bandcamp.com/tmpdata/cache/blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("http://bandcamp.com/tmpdata/cache/alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("http://bandcamp.com/tmpdata/cache/hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("http://bandcamp.com/tmpdata/cache/info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("http://bandcamp.com/tmpdata/cache/warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("http://bandcamp.com/tmpdata/cache/tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}
/* ------------- BEGIN button.css --------------- */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
.yui-button{display:-moz-inline-box;display:inline-block;vertical-align:text-bottom;}.yui-button .first-child{display:block;*display:inline-block;}.yui-button button,.yui-button a{display:block;*display:inline-block;border:none;margin:0;}.yui-button button{background-color:transparent;*overflow:visible;cursor:pointer;}.yui-button a{text-decoration:none;}.yui-skin-sam .yui-button{border-width:1px 0;border-style:solid;border-color:#808080;background:url(http://bandcamp.com/assets/skins/sam/sprite.png) repeat-x 0 0;margin:auto .25em;}.yui-skin-sam .yui-button .first-child{border-width:0 1px;border-style:solid;border-color:#808080;margin:0 -1px;*position:relative;*left:-1px;}.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a{padding:0 10px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-button a{*line-height:2;}.yui-skin-sam .yui-split-button button,.yui-skin-sam .yui-menu-button button{padding-right:20px;background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-button button{background-image:url(http://bandcamp.com/tmpdata/cache/menu-button-arrow.png);}.yui-skin-sam .yui-split-button button{background-image:url(http://bandcamp.com/tmpdata/cache/split-button-arrow.png);}.yui-skin-sam .yui-button-focus{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-focus .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-focus button,.yui-skin-sam .yui-button-focus a{color:#000;}.yui-skin-sam .yui-split-button-focus button{background-image:url(http://bandcamp.com/tmpdata/cache/split-button-arrow-focus.png);}.yui-skin-sam .yui-button-hover{border-color:#7D98B8;background-position:0 -1300px;}.yui-skin-sam .yui-button-hover .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-hover button,.yui-skin-sam .yui-button-hover a{color:#000;}.yui-skin-sam .yui-split-button-hover button{background-image:url(http://bandcamp.com/tmpdata/cache/split-button-arrow-hover.png);}.yui-skin-sam .yui-button-active{border-color:#7D98B8;background-position:0 -1700px;}.yui-skin-sam .yui-button-active .first-child{border-color:#7D98B8;}.yui-skin-sam .yui-button-active button,.yui-skin-sam .yui-button-active a{color:#000;}.yui-skin-sam .yui-split-button-activeoption{border-color:#808080;background-position:0 0;}.yui-skin-sam .yui-split-button-activeoption .first-child{border-color:#808080;}.yui-skin-sam .yui-split-button-activeoption button{background-image:url(http://bandcamp.com/tmpdata/cache/split-button-arrow-active.png);}.yui-skin-sam .yui-radio-button-checked,.yui-skin-sam .yui-checkbox-button-checked{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-radio-button-checked .first-child,.yui-skin-sam .yui-checkbox-button-checked .first-child{border-color:#304369;}.yui-skin-sam .yui-radio-button-checked button,.yui-skin-sam .yui-checkbox-button-checked button{color:#fff;}.yui-skin-sam .yui-button-disabled{border-color:#ccc;background-position:0 -1500px;}.yui-skin-sam .yui-button-disabled .first-child{border-color:#ccc;}.yui-skin-sam .yui-button-disabled button,.yui-skin-sam .yui-button-disabled a{color:#A6A6A6;cursor:default;}.yui-skin-sam .yui-menu-button-disabled button{background-image:url(http://bandcamp.com/tmpdata/cache/menu-button-arrow-disabled.png);}.yui-skin-sam .yui-split-button-disabled button{background-image:url(http://bandcamp.com/tmpdata/cache/split-button-arrow-disabled.png);}

/* ------------- BEGIN menu.css --------------- */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
.yuimenubar{visibility:visible;position:static;}.yuimenu .yuimenu,.yuimenubar .yuimenu{visibility:hidden;position:absolute;top:-10000px;left:-10000px;}.yuimenubar li,.yuimenu li{list-style-type:none;}.yuimenubar ul,.yuimenu ul,.yuimenubar li,.yuimenu li,.yuimenu h6,.yuimenubar h6{margin:0;padding:0;}.yuimenuitemlabel,.yuimenubaritemlabel{text-align:left;white-space:nowrap;}.yuimenubar ul{*zoom:1;}.yuimenubar .yuimenu ul{*zoom:normal;}.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}.yuimenubaritem{float:left;}.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}.yui-menu-shadow{position:absolute;visibility:hidden;z-index:-1;}.yui-menu-shadow-visible{top:2px;right:-3px;left:-3px;bottom:-3px;visibility:visible;}.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}.yuimenu.hide-scrollbars .yui-menu-shadow,.yuimenubar.hide-scrollbars .yui-menu-shadow{overflow:hidden;}.yuimenu.show-scrollbars .yui-menu-shadow,.yuimenubar.show-scrollbars .yui-menu-shadow{overflow:auto;}.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(http://bandcamp.com/assets/skins/sam/sprite.png) repeat-x 0 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritem{border-right:solid 1px #ccc;}.yui-skin-sam .yuimenubaritemlabel{padding:0 10px;color:#000;text-decoration:none;cursor:default;border-style:solid;border-color:#808080;border-width:1px 0;*position:relative;margin:-1px 0;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(http://bandcamp.com/tmpdata/cache/menubaritem_submenuindicator.png) right center no-repeat;}.yui-skin-sam .yuimenubaritem-selected{background:url(http://bandcamp.com/assets/skins/sam/sprite.png) repeat-x 0 -1700px;}.yui-skin-sam .yuimenubaritemlabel-selected{border-color:#7D98B8;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected{border-left-width:1px;margin-left:-1px;*left:-1px;}.yui-skin-sam .yuimenubaritemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(http://bandcamp.com/tmpdata/cache/menubaritem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenu{font-size:93%;line-height:1.5;*line-height:1.45;}.yui-skin-sam .yuimenubar .yuimenu,.yui-skin-sam .yuimenu .yuimenu{font-size:100%;}.yui-skin-sam .yuimenu .bd{border:solid 1px #808080;background-color:#fff;}.yui-skin-sam .yuimenu ul{padding:3px 0;border-width:1px 0 0 0;border-color:#ccc;border-style:solid;}.yui-skin-sam .yuimenu ul.first-of-type{border-width:0;}.yui-skin-sam .yuimenu h6{font-weight:bold;border-style:solid;border-color:#ccc;border-width:1px 0 0 0;color:#a4a4a4;padding:3px 10px 0 10px;}.yui-skin-sam .yuimenu ul.hastitle,.yui-skin-sam .yuimenu h6.first-of-type{border-width:0;}.yui-skin-sam .yuimenu .yui-menu-body-scrolled{border-color:#ccc #808080;overflow:hidden;}.yui-skin-sam .yuimenu .topscrollbar,.yui-skin-sam .yuimenu .bottomscrollbar{height:16px;border:solid 1px #808080;background:#fff url(http://bandcamp.com/assets/skins/sam/sprite.png) no-repeat 0 0;}.yui-skin-sam .yuimenu .topscrollbar{border-bottom-width:0;background-position:center -950px;}.yui-skin-sam .yuimenu .topscrollbar_disabled{background-position:center -975px;}.yui-skin-sam .yuimenu .bottomscrollbar{border-top-width:0;background-position:center -850px;}.yui-skin-sam .yuimenu .bottomscrollbar_disabled{background-position:center -875px;}.yui-skin-sam .yuimenuitem{_border-bottom:solid 1px #fff;}.yui-skin-sam .yuimenuitemlabel{padding:0 20px;color:#000;text-decoration:none;cursor:default;}.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(http://bandcamp.com/tmpdata/cache/menuitem_submenuindicator.png);background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yuimenuitem-checked{background-image:url(http://bandcamp.com/tmpdata/cache/menuitem_checkbox.png);background-position:left center;background-repeat:no-repeat;}.yui-skin-sam .yui-menu-shadow-visible{background-color:#000;opacity:.12;*filter:alpha(opacity=12);}.yui-skin-sam .yuimenuitem-selected{background-color:#B3D4FF;}.yui-skin-sam .yuimenuitemlabel-disabled{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(http://bandcamp.com/tmpdata/cache/menuitem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(http://bandcamp.com/tmpdata/cache/menuitem_checkbox_disabled.png);}

/* ------------- BEGIN trackpipe_basic.css --------------- */
/* common trackpipe styles across all layouts, nothing page-specific in here */

/***** YUI Fonts CSS begin ***********************/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/***** YUI Fonts CSS end *************************/

#pgHd, #pgBd, #pgFt {
    font-size: 93%;
}

h2 {
    font-size: 146.5%;
}

h3 {
    font-size: 123.1%;
}

a, .pseudoLink, button {
    color: #0687f5;
    text-decoration: none;
    cursor: pointer;
}

a:hover, .pseudoLink:hover, button:hover {
    text-decoration: underline;
}

button {
    margin-right: 0.5em;
    padding: 0.25em;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 150%;
    text-align: center;
    border: 1px solid silver;
    background: white;
}

button.disabled {
    background: #eee;
    color: #888;
}

.ieLte7 button {
    padding: 0.125em;
}

.ie6 .yui-button span.first-child {
    padding-bottom: 1px; /* prevent cropping of bottom border */
} 

button div {
    min-width: 4em;
    white-space: nowrap;
}

.ieLte7 button div {
    min-width: 3em;
}

img {
    border: none;
}

table {
    border-collapse: collapse;
}

th {
    font-weight: bold;
}

td, th {
    border-top: dotted #c8c8c8 1px;
    border-bottom: dotted #c8c8c8 1px;
    padding: 0.3em 0.5em;
    text-align: left;
    vertical-align: top;
}

.textInput {
    width: 20em;
    border: 1px solid gray;
}

p {
    margin: 1em 0em;
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 0px;
}

li {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Normalize left margin for radios/checkboxes; otherwise FF ends up
   with a ragged left margin in some forms. */
input[type="checkbox"], input[type="radio"] {
    margin-left: 1px;
}

/* These form elements seem a bit high relative to surrounding
   text in FF, so correct for it. It sure would be nice if 
   vertical-align:middle did the trick, but that makes them
   too low (at least in Windows). */
.gecko input[type="checkbox"], .gecko input[type="radio"] {
    position: relative;
    top: 0.1em;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

ul.horizNav {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
    white-space: nowrap; 
}

ul.horizNav li {
    display: inline;
    padding-left: 1.1ex;
    padding-right: 0.5ex;
}

ul.horizNav li.first {
    background-image: none;
    padding-left: 0em;
} 

ul.horizNav li.navSelected {
    font-weight: bold;
} 

ul.horizNavWithDivider li {
    background-image: url(../../img/gray_vert_line.png);
    background-repeat: repeat-y;
}

/* used to visually hide text but keep it available for screen readers */    
.hiddenAccess {
    position: absolute;
    left: -10000px;
    top: -10000px;
}

.alert {
    display: none;
    color: red;
    font-size: 116%;
    font-weight: bold;
    margin: 0.4em 0em;
}

.alertActive {
    display: block;
}

.good {
    color: green;
}

.bad, .notable {
    color: red;
}

.suggestion_link {
    font-weight: normal;
}
.suggestion {
    font-weight: normal;
    color: green;
}

dl.tableLayout {
    margin-bottom:0px;
}

dl.tableLayout dt {
    float: left;
    clear: left;
    width: 20ex; /* override this to control the width of the left 'column' */
    margin: 0px;
    padding-top: 0.45em; /* imperfect baseline alignment */
    text-align: right;
    color: #9C9C9C;
    line-height: 1.1em;
}

dl.tableLayout dd {
    float: left;
    width: 70%; /* appears to prevent layout problems at large font sizes in FF */
    margin: 0px;
    padding: 0px 0px 10px 10px;
    /*line-height: 1.8em;*/
}

dl.tableLayout dd p.footnote {
    line-height: 1.4em;
}

dl.tableLayout dd p.alert {
    margin: 0.3em 0em 0em;
}

.ieLte7 dl.tableLayout dd {
    float: none;
}  

dl.tableLayout .newGroup {
    margin-top: 1em;
}

.nowrap {
    white-space: nowrap;
}

.progress_outer {
    height: .75em;
    width: 200px;
    border: 1px solid silver;
    margin:0px auto;
    text-align: left;
}
.progress_inner {
    background: #429d2f;
    height: .75em;
    width: 0px;
}

.inline_player {
    position: relative;
    zoom: 1; /* IE 6 layout fix */
}

.inline_player td {
    border: none;
    padding: 2px;
}

.inline_player .playbutton {
    background: url(../../img/playpause.gif);
    background-position: 50% 45px;
    width: 47px;
    height: 45px;
}

.inline_player .playing {
    background-position: 50% 0px;
}

.inline_player .busy {
    background: url(../../img/playerbusy.gif);
    background-position: 50% 50%;
}

.inline_player .prevbutton {
    width: 17px;
    height: 11px;
    background: url(../../img/nextprev.gif);
    background-position: 0px 50%;
}

.inline_player .nextbutton {
    position: relative;
    width: 17px;
    height: 11px;
    background: url(../../img/nextprev.gif);
    background-position: 17px 50%;
}

.inline_player .track_info {
    position: relative;
    width: 284px;
    /* space between the play button and track info needs
     * to vary with font size or it starts to look weird
     * with large fonts: */
    margin-left: 0.3em;
}

.inline_player .title {
}

.inline_player .message {
    text-align: right;
    color: red;
    position: absolute;
    width: 290px;
    left: 0px;
}

.inline_player .progbar_cell {
    position: relative;
}

.inline_player .progbar {
    position: relative;
    height: 12px;
    /* space between the play button and track info needs
     * to vary with font size or it starts to look weird
     * with large fonts: */
    margin-left: 0.3em;
}

.inline_player .thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 29px;
    height: 13px;
    overflow: hidden;  /* IE 6 fix */
    background: url(../../img/playbackhead.png);
    cursor: pointer;
}

.inline_player .progbar_empty {
    position: relative;
    top: 2px;
    width: 100%;
    height: 7px;
    overflow: hidden;  /* IE 6 fix */
    border: 1px solid #d0d0d0;
}

.inline_player .progbar_fill {
    background: #FFF797;
    height: 100%;
    width: 0px;
}

table#track_table .track_table{
    width:100%
}

.track_table_alt {
    position:relative;
    width:408px;
    left:-23px;
}

.track_list .track_number {
    width: 15px;
    text-align: right;
}
.track_number_alt {
    width: 15px;
    text-align: right;
}

.track_number_col {
    width:15px;
}
.track_number_col_alt {
    width:15px;
}

.track_list td {
    padding: 3px 2px 2px;
    vertical-align: top;
    border-bottom:none;
    border-top:none;
}

.track_list_td_alt {
	border-bottom:none;
	border-top:none;
}

.mac .track_list td {
    padding-top: 4px; /* couldn't figure out another way to get the vertical text alignment right */
}

.track_list td.play_col {
    padding: 2px 0px 2px 0px;
    width:17px;
   
}
.play_col_alt {
    padding: 2px 0px 2px 0px;
    width:17px;
}

.track_list .title {
    width: 220px;
}

.track_list .time {
    padding-left: 0.6em;
    font-size: 85%;
}

.track_list .play_status {
	display: inline-block;
	height: 17px;
	width: 17px;
	background-image: url(../../img/miniplaypause.gif);
	background-repeat: no-repeat;
	background-position: 100px 0px; /* hidden by default */
}

.track_list .info_link {
	text-align: left;
	width:25px;
        visibility:hidden;
	
}
.info_link_alt {
    display:none; /*we may hide this info except on mouseover*/ 
}

.track_list .dl_link {
	text-align: right;
	width:83px;
        visibility:hidden;
}

.dl_link_alt {
 display:none;
}

.track_list .noplay {
    color: red;
}

.track_list .current_track {
    font-weight: bold;
}

.hiddenelem {
    visibility: hidden;
}

.mouseovertrack {
    /*background-color:#FFFFFF;
    opacity:0.99;*/
}

.controlTip {
    color:gray;
}

/* Used to hide content from JS-capable browsers that have JS deactivated, as well
   as unknown browsers without JS for whatever reason. For browsers known to be
   incapable or insufficient (C-grade), use the _use_script template variable instead.
   Of course, this hiding method won't work in browsers that don't support CSS. */
.withScript {
    display: none;
}
.js div.withScript {
    display: block;
}

.fieldHintWrapper {
    position: relative;
}

.fieldHint {
    color: gray;
    position: absolute;
    top: auto;
    left: 0px;
    width: 98%;
    border: 0px solid transparent;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    display: none;
	cursor:text;
}

.fieldHintActive .fieldHint {
    display: inline;
}

.share_dialog .leftcolumn {
    float: left;
    width: 276px;
    height: 383px;
}

.share_dialog .heading {
    font-size: 16px;
    font-weight: bold;
}

.share_dialog .sampleheader {
    margin-bottom: 1em;
}

.share_dialog .leftcolumn .section {
    margin: 14px;
}

.share_dialog .blather {
    font-size: 12px;
}

.share_dialog #embedcode {
    width: 227px;
    height: 100px;
}

.share_dialog .divider {
    float: left;
    width: 2px;
    height: 383px;
    background: #888888;
    position: relative;
}

.share_dialog .rightcolumn {
    float: right;
    width: 420px;
    height: 383px;
}

.share_dialog .sampleplayer_tall{
    float:right;
}

.share_dialog .samplecontext_tall {
    float:left;
    width: 250px;
}

.share_dialog .sampleplayer_wide {
    margin-bottom: 14px;
}

.share_dialog .samplecontext_wide {
}

.share_dialog .colorSwatchHolder {
    height: 20px;
}

.share_dialog .colorSwatch {
    display:inline-block;
    width: 45px;
    height: 22px;
    vertical-align: middle;
    border: 1px solid grey;
}

.share_dialog .hexInput {
    height:20px;
    width: 6em;
    text-align: center;
    vertical-align: middle;
}

.share_dialog .code_box {
    position:relative;
    border:1px solid gray;
    overflow-x:hidden;
    clear:both;
    width:398px;
    margin:.35em 0em;
	color:#333333;
	padding-left:2px;
}

#popup_picker {
    width: 195px;
    height: 216px;
    position: relative;
}

#popup_picker .swatches {
    margin: 0px auto;
    width: 100px;
    border: 1px solid #cccccc;
}

#popup_picker .swatch {
    display: inline-block;
    width: 50px;
    height: 20px;
}

.copytext_link_wrapper {
	float:left;
	margin-bottom:1.25em;
}

.copytext_target {
    clear: both;
}

.copytext_highlight {
    background:yellow;
}

.yellow_alert {
    background: #fbf693;
    padding-left: 1.5em; 
    padding-right: 1.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-weight:500;
    /*line-height:12px;*/
    color: #000000;
}

/*
.yellow_alert p {
    margin:0.6em 0 0 0.6em;
}
*/

.plain_info {
    color: #000000;
}

.yuimenuitemlabel {
	outline:none; /* safari/FF-only. the IE method is in the YUI menu docs, but i just don't think it's worth it */
}

.smallIcon {
    display: inline-block;
    height: 16px;
    font-size: 16px;  /* for FF2 */
    padding: 0px 8px; /* for FF2 */
    background-image: url(../../img/icon_strip.png);
    background-repeat: no-repeat;
    background-position: 16px 50%; /* hidden */
    vertical-align: baseline;
}

.ieLte7 .smallIcon {
    vertical-align: middle;
}

.sortIcon {
    height: 8px;
    font-size: 8px; /* for FF2 */
    margin-left: 0.15em;
}

.ieLte7 .sortIcon {
    margin-top: 1px; /* oy */
}

.iconLink {
    text-decoration: none;
}

.sortIconDown   { background-position: 0px 50%;   }
.sortIconUp     { background-position: -16px 50%; }

.vis_container {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* in IE6, hiding the flash object causes calls
 * into it to stop working, so let's just make it 1x1
 * instead */
.ie6 .vis_container_hidden {
    left: -1px;
    top: -1px;
    height: 1px;
    width: 1px;
    visibility: visible;
}

.vis_container_hidden {
    height: 350px;
    width: 350px;
    visibility: hidden;
}

.ie6 .vis_container_visible {
    left: 0px;
    top: 0px;
    height: 350px;
    width: 350px;
}

.vis_container_visible {
    visibility: visible;
}

.dlg_spinny {
    background-image:url(../../img/stats-wait.gif);
    background-repeat:no-repeat;
    padding:16px;
    text-align:center;
    width:32px;
    height:32px;
}

.dlg_errorInfo {
    font-size: 93%;
    color: gray;
    padding: 1em;
    border: dotted silver 1px;
    float:left;
}

.dlg_errorInfo ul {
   padding-left: 1.5em;
}

/* throw whatever nasty styles you want in here and call Trackpipe.debug_test_embed_code() to see a simulation of your embed code on a page with hostile styles */
.myspace_style_abuse {
    font-size: 36px;
    color: #ff0000;
}

.acWidget {
position:relative;
z-index:1;
}
.acWidget .yui-ac-container {
left:0;
overflow:auto;
position:absolute;
z-index:9000;
}
.acWidget li {
    margin: 0px;
}

.acWidget .yui-ac-content {
background-color:white;
border:1px solid black;
}
.acWidget .yui-ac-content ul {
list-style-type:none;
margin:0;
padding:0;
}
.acWidget .yui-ac-content li {
cursor:default;
padding:0.2em 0.5em;
white-space:nowrap;
}
.acWidget .yui-ac-content li.yui-ac-highlight {
background-color:#0687F5;
color:white;
}
.acWidget .yui-ac-content .match {
font-weight:bold;
}
.acWidget .yui-ac-content .notFoundResult {
background-color:white;
color:black;
margin:0.3em 0;
padding:0.7em;
}
.acWidget .yui-ac-content .notFoundResult a, .acWidget .yui-ac-content .notFoundResult .hd {
font-weight:bold;
}

span.lightweightBreak {
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
}

/* ------------- BEGIN trackpipe_layout.css --------------- */
/* Trackpipe styles for the shared page layout.
Styles specific to a single page should live in that page. */

body {
    margin: 0px;
    padding: 0px;
    background: #dddddd;
}

#pgHd, #pgFt {
    width: 975px;
    padding: 3px 0px;
    color: white;
    background: #848484;
}

#pgFt {
	position:absolute;
  	bottom:0;
}

.widebody #pgHd, .widebody #pgFt {
    width: 1030px;
}

#pgHd a, #pgFt a {
    color: white;
}

#pgHd, #pgFt {
    font-size: 100%;
}

#headerLogo {
	width: 42px;
	height: 13px;
    margin: 1px 5px 0px 2px;
	float: left;
    background: url(../../img/headerLogo2.png) no-repeat;	
}

.ie6 #headerLogo {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/headerLogo2.png', sizingMethod='crop' );
}

#footerLogo {
	width: 96px;
	height: 15px;
	margin: 2px 0px 0px 10px;
	float: left;
	background: url(../../img/footerLogo.png) no-repeat;
}

.ie6 #footerLogo {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/img/footerLogo.png', sizingMethod='crop' );
}

#customHeader {
	width:975px;
	min-height:40px;
	position:relative;
	margin:-35px -35px 35px -35px;
}

#customHeaderBlank {
	width:973px;
	height:120px;
	border:1px dashed silver;
	margin:-35px -35px 35px -35px;
	background:white;
	text-align:center;
}	

#headerDimensionsHint {
	color:gray;
	margin-top:5px;
}

#customHeaderBlank button {
	margin-top:40px;
	margin-right:0px;
}

#chUploadProgressWrapper, #taUploadProgressWrapper, #bgImageUploadProgress {
	display:none;
}

#bgImageUploadHint {
	color:gray;
	font-size:85%;
	padding-top:2px;
}

#customHeader button, .trackView #tralbumArt button, .gallery_item button, .deletableArt button {
	font-size:93%;
	font-weight:bold;
	position: absolute;
	right: 4px;
	bottom: 7px;
	margin: 0px;
	width:2em;
}

.deletableArt {
    position: relative;
}

#chUploadingLabel {
	color:gray;
	margin-top:50px;
}

#headerUploadProgress, #artUploadProgress {
	margin-top:5px;
}

#centerWrapper {
	position:static;
	width:975px;
	margin:0px auto;
}

#propOpenWrapper {
	position:absolute;
	min-height:100%;
	background-color:white;
}

#pgBd {
    width: 905px;
    margin-bottom: 1.9em;
    padding: 35px;
    background: white;
    position: relative;
}

.widebody #pgBd {
    width: 960px;
}

.leftMiddleColumns {
    width: 770px;
    float: left;
}

.leftColumn {
    width: 385px;
    float: left;
}

.middleColumn {
    float: right;
	width:350px;
}

.rightColumn {
    width: 100px;
    float: right;
}

.rightColumn .title {
    font-size: 1.2em;
    font-weight: normal;
    border-top: 1px solid #dddddd;
    margin: 0 0 0.75em;
    padding: 0.3em 0 2px;
}

.tagArea .tag {
    margin-right: 0.5em;
    white-space: nowrap;
}

.middleColumn .tagArea {
	margin-top:1.5em;
}

#siteNav {
    float: left;
}

#userNav, #legal {
    float: right;
}

#pgHd.fattyNav {
    background: #cccccc;
    font-size: 2em;
}

#fattyContent {
    padding: 15px 35px 10px;
}

#fattyContent > * {
    display: inline-block;
    vertical-align: middle;
}

.ieLte7 #fattyContent > * {
    display: inline; /* needed when applying inline-block to block elems */
}

#fattyLogo {
    width: 270px;
} 

.fattyNav #fattyContent #fattyNavLinks { /* multiple ids to force margin precedence */
    width: 676px;
    margin: 0;
    padding-top: 2px;
    text-align: right;
}

#fattyNavLinks a { /* id to force color precedence */
    color: #0687f5;
    text-decoration: none;
}

#pgHd .horizNav, #pgFt .horizNav {
    margin: 0px 1ex;
}

#pgHd .horizNav li.first {
    font-weight: bold;
}

#welcome {
    width: 70%;
    margin: 0px auto 2em;
    text-align: center;
}

#welcome h2, #welcome p, #welcome span {
    font-size: 212%;
}

#welcome button {
    font-size: 300%;
    font-weight: bold;
    background: #0687f5;
    color: white;
	margin-right:0px;
}

.loginSignupSwitch a {
    font-weight: bold;
}

.thumbthumb {
    width: 100px;
    height: 100px;
    position: relative;
}

#discography ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#discography li {
	margin-top:0em;
    margin-bottom: 1.5em;
}

#discography.truncated li.extra {
    display: none;
}

#discography .trackTitle {
    margin: 0.5em 0em 0.2em;
}

#discography .trackYear {
    font-size:85%;
}

#discography .showMore {
    margin: 20px 0px; 
    font-weight: bold;
}

.contactHeader {
    font-size: 125%;
	font-weight:bold;
}

#contactForm dl.tableLayout dt {
    width: 12ex; /* override this to control the width of the left 'column' */
}

#contactForm .textInput {
    width: 100%;
}
#contactForm .alert {
    font-size: 100%;
}

#vizLinkWrapper {
	margin-top:.5em;
	width:350px;
	font-size:108%;
	text-align:right;
	position:absolute;
	bottom:5px;
	background-color:white;
	visibility:hidden;
	left:0px;
	color:#363636;
}

#pullQuote {
	margin-top:1em;
	font-weight:bold;
	font-style:italic;
	font-size:150%;
	width:350px;
	text-align:center;
}

.warningBadge {
    font-size: 93%;
    color: red;
    padding: 0.2em 0.3em;
    border: 1px solid red;
    background: white;
}

.thumbthumb .warningBadge {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

dd.warningBadgeRow {
    margin: 1em 0em;
}

.trackView dl {
    margin: 0px;
}

.trackEdit dd {
    margin: 0.7em 0em;    
}

.trackEdit textarea {
    height: 3.7em;
}

.trackView #trackInfo dd {
    margin-left: 0px;
}

.trackView #trackInfo dt {
    margin-top: 1.5em;
}

.trackView #trackInfo ul {
    padding: 0px;
    list-style-type: none;
}   

.trackView #trackInfo ul ul {
    padding-left: 1.5em;
} 

.trackView .tralbumCommands {
    margin: 1.5em 0;
}

.trackView .tralbumCommands li {
    margin: 2em 0;
}

.trackView .tralbumCommands h3, .trackView .tralbumCommands h4 {
    margin: 0;
    font-weight: bold;
    font-size: 145%;
}

/* download and package viewers */

.trackView .buyItem .hd {
}

.trackView .buyItem .bd, .trackView .buyItem .ft {
    margin: 0.15em 0 0;    
}

.trackView .buyItemExtra {
    font-size: 75%;
}

.trackView .buyItemNyp {
    font-weight: normal;
}

.trackView .buyItemEdition {
    font-size: 70%;
    font-weight: normal;
    margin-top: 0.1em;
}

.trackView .buyItemPackageTitle {
    cursor: pointer;
}

.trackView .buyItemPackageTitle:hover {
    text-decoration: underline;
}

/* end download and package viewers */

.trackView .trackTitle {
    font-family: trebuchet ms,arial,helvetica,clean,sans-serif;
    font-size: 250%;
    font-weight: bold;
    line-height: 0.97em;
    margin: 0px 0px 0.2em;
}

.trackView .albumTitle {
	margin-top:0px;
}

.trackView input.trackTitle {
    width: 15em;
    padding: 0.05em;
    padding-left: 0.1em;
	margin-left:0em;
}

.trackView .lyricsText {
    font-family:arial,helvetica,clean,sans-serif;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.231;
    margin-left:0;
}

.tralbumData {
	margin-top:1em;
}

.tralbumAbout {
	font-style:italic;
}

.tralbumCredits {
    font-size:85%;
}

.tralbumFeed {
    font-size:85%;
}

.tralbumFeed img {
    margin-bottom:-3px;
	margin-right:2px;
}

.trackEdit .leftColumn {
    width: 520px;
    margin-left: 16px;
}

.trackEdit .rightColumn {
    width: auto;
    margin-right: 16px;
}

.trackEdit #otherDownloadControls {
    margin-top: 1.5em;
}

.trackEdit #otherDownloadControls dt {
    margin-top: 1em;
}

.trackEdit div.controlTip {
    margin-top: 0.5em;
    width: 34em;
}

.trackEdit #trackFile {
    margin: 1em 0em;
}

.trackEdit #trackFileInfo {
    font-size: 175%;
}

.trackEdit #trackUploadProgress, .shareDlgText {
    font-size: 108%;
    zoom: 1; /* fixes IE6 display glitch */
}

.trackEdit #trackUploadProgressLabel {
    margin-top: 0.2em;
}

.trackEdit #releaseDate {
    width: 12em;
    padding-left: 0.2em;
	margin-left:0.1em;
}

.textInput, .numberInput, .dateInput {
    width: 30em;
    border: 1px solid #9c9c9c;
    margin: 0px;
    padding: 0.3em;
    font-family: verdana;
    font-size: 100%;
}

#albumTitles {
    width: 12em;
}

.numberInput {
    width: 3.5em;
    text-align: right;
}

.dateInput {
    width: 7em;
}

.trackEdit .indent {
    padding-left: 20px;
}

.trackEdit .whylink {
    width: 30em;
    text-align: right;
    padding-top: 0.3em;
}

.trackEdit .bandtag {
    font-weight: bold;
}

.trackEdit table.plain {
    margin: 0 0 0.6em 0;
}

.trackEdit table.plain td {
    border: none;
    margin: 0;
    padding: 0.05em 0.8em 0.05em 0;
}

.trackEdit #setPrice, .trackEdit #minPrice {
	width:4em;
	margin:0px 2px 0px 3px;
	text-align: right;
}

.trackEdit #bdiUploadControls * {
    padding-right: 0.8em;
}

.trackEdit #bdiUploadProgress {
    display: none;
}

.trackEdit #bdiUploadProgress td {
    vertical-align: middle;
}

.trackEdit .deleted .bdiFileName, .trackEdit .deleted .bdiSize, .package_summary .deleted, .packageListItem .deleted {
    text-decoration: line-through;
}

textarea {
    overflow: auto;
}

.trackEdit .disabled label, .trackEdit .disabled .disableable {
    color: gray;
}

.trackEdit .downloadControlsSection {
    margin-top: 1em;
}

.trackEdit #bdiWrapper {
    margin-top: 0.7em;
}

.trackEdit .downloadControls {
	padding-left:15px;
	padding-top:5px;
}

#paidDownloadEmailWrapper {
    padding-left: 1.5em;
}

#lowPriceWarning {
    margin-top: 0.5em;
    margin-left: 1.8em;
    margin-right: 5em;
}

#paidDownloadControls .alert {
    font-size: 100%;
    font-weight: normal;
}

.trackView #tralbumArt {
    width: 350px;
    height: 350px;
	position:relative;
}

.trackView #tralbumArtBlank {
    width: 350px;
    height: 350px;
	border:1px dashed silver;
	background:white;
	text-align:center;
}

#tralbumArtBlank button {
	margin-top:140px;
	margin-right:0px;
}

#taUploadingLabel {
	color:gray;
	margin-top:140px;
}
.trackView .inline_player {
    margin: 1.5em 0em;
}

.trackView #editDeleteCommands {
    margin-left: 0px;
	margin-top:1em;
}

.trackView #editDeleteCommands button {
    font-size: 100%;
	background-color: lightyellow;
}

.trackView #editDeleteCommands li {
    display: inline;
}

.trackView #saveCancelCommands {
    margin: 2em 0em 1.5em 0em;
}

.trackView #saveCancelCommands li {
    display: inline;
}  

#normalDownloadHint {
    font-size: 66%;
    font-weight: normal;
    padding-left: 1px;
	margin-bottom: 1em;
}

.trackEdit #trackUploadProgress .progress_outer {
    width: 300px;
    margin: 0px; /* uncenters */
}

.yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar {
    background-image: url(../../jslib/yui/2.5.1/assets/skins/sam/sprite.png);
}

.yui-skin-sam .yui-menu-button button {
    background-image:url(../../img/menu-button-arrow.png);
}

.yui-skin-sam .yuimenuitem-hassubmenu {
	background-image:url(../../jslib/yui/2.5.1/assets/skins/sam/menuitem_submenuindicator.png);
}

.yui-skin-sam .yuimenuitem-checked {
    background-image:url(../../jslib/yui/2.5.1/assets/skins/sam/menuitem_checkbox.png);
}

/* for IE 8; can be removed when we upgrade YUI past 2.5.1 */
.yui-menu-shadow-visible {
    filter:alpha(opacity=12);
}

#shareLink, #vizLink, #vizLinkShareDialog {
	background: url(../../jslib/yui/2.5.1/button/assets/skins/sam/menu-button-arrow.png) no-repeat right 55%;
	padding-right: 20px;
}

#shareLink {
    margin-right: -6px; /* cinches up extra horiz space next to menu arrow */ 
}


#sharemenu, #vizmenu_container, #vizmenusharedialog_container {
	font-size: 145%;
	font-weight:bold;
}

#trackList tr {
	cursor:move;
}

/*** YUI Panel (general) ***********************************/

.yui-panel {
    overflow: visible;
    font-family: arial,helvetica,clean,sans-serif;
}
 
.yui-panel .container-close {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 25px;
    height: 15px;
    background: url(../../jslib/yui/2.5.1/assets/skins/sam/sprite.png) no-repeat 0 -300px; 
}

/*** Dialogs ***********************************************/
  
.masked .mask {
    background: white;
    opacity: 0.6;
}

/* used for edit design dialog, b/c we want modal behavior, but transparent mask so that we can see effect of color changes */
.transparent_mask .mask {
    opacity:0;
	filter: alpha(opacity=0);
}

.yui-dialog .yui-panel {
    border: none;
    background: none;
}
  
.yui-dialog .hd, .yui-dialog .ft {
    padding: 0px;
    border: none;
}

.yui-dialog .bd, .yui-dialog .ft  {
    background: #f0f0f0;
}

.yui-dialog .hd {
    background: none;
}

.yui-dialog .hd .content {
    font-size: 131%;
    letter-spacing: 0.05em;
    line-height: 1.9em;
    padding-left: 0.7em;
}

.yui-dialog .bd {
    padding: 15px 20px;
}

.yui-dialog .alertDlg {
    padding-top: 18px;
}

.yui-dialog .ft {
    padding-bottom: 11px;
}

.yui-dialog .bd, .yui-dialog .ft {
    border: solid #5c6895;
    border-width: 0px 1px;
}

.yui-dialog .ft .yui-button {
    padding-right: 5px;
}

.yui-dialog .borderWrapper {
    position: relative;
    margin: 0px 9px;
    background: #5c6895;
}

.yui-dialog .hd .borderWrapper {
    height: 33px;
}

.yui-dialog .borderWrapperBottom {
    top: 0px;
    height: 11px;
}

.yui-dialog .container-close {
    width: 46px;
    height: 33px;
    top: 0px;
    right: 0px;
    background: url(../../img/dialog_close_box.png) no-repeat;
}

.yui-dialog .corner {
    position: absolute;
    top: 0px;
    width: 9px;
}

.yui-dialog .hd .tl {
    left: -9px;
    height: 33px;
    background: url(../../img/dialog_tl.png) no-repeat;
}

.yui-dialog .hd .tr {
    top: 0px;
    right: -9px;
    width: 9px;
    height: 33px;
    background: url(../../img/dialog_tr.png) no-repeat;
}

.yui-dialog .borderWrapperBottom .bl {
    left: -9px;
    height: 11px;
    background: url(../../img/dialog_bl.png) no-repeat;
}

.yui-dialog .borderWrapperBottom .br {
    right: -9px;
    height: 11px;
    background: url(../../img/dialog_br.png) no-repeat;
}

.yui-dialog .ft button {
    min-width: 5em;
    margin-right: 0.5em;
    padding: 0.25em;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 116%;
    text-align: center;
    border: 1px solid silver;
    background: white;
}

.yui-dialog .ft .default button {
    font-weight: bold;
}

.yui-dialog .ft .yui-button-hover button {
    text-decoration: none;
}

.yui-dialog .progress_outer {
    height: 17px;
    width: 90%;
    margin:0px auto;
    text-align: left;
    background: #999999;
    border: none;
}

.yui-dialog .progress_inner {
    height: 17px;
    width: 0px;
    background: #ecc252;
} 

#bgImageUploadProgress .progress_outer {
    height: .75em;
    width: 9.35em;
    border: 1px solid silver;
	margin: 0px;
}

#bgImageUploadProgress .progress_inner {
    background: #429d2f;
    height: .75em;
    width: 0px;
}

#statsNav {
	 text-align:center;
}

#primaryStatsNav {
	font-size:182%;
}

.tracks, .sites, .encodings, .playTypes {
	list-style:none;
}

.sitesWrapper, .encodingsWrapper, .playTypesWrapper {
	margin:0 auto;
	text-align:left;
}

.sitesWrapper {
	width:550px;
}

.encodingsWrapper, .playTypesWrapper {
	width:250px;
}

.navContentSet {
	margin-top:1.5em;
}

#downloadMenu h6 {
	color: green;
	font-size: 93%;
	display: block; /* not sure why it's inline by default */
}

#downloadMenu .menuTip {
    font-size: 70%;
    color: gray;
}

#downloadMenu .menuLink {
    font-size: 80%;
	font-weight:normal;
    color: #0687F5;
}

#privateToggle {
	margin-top:1.5em;
}

#releaseDateDD, #downloadSettings, #partOfAlbum {
	margin-top:1.5em;
	margin-right: 30px;
}

#sharemenu .yuimenuitemlabel, .shareFromEmbedLabel {
	margin-left:6px;
    padding-left:22px;
	background-repeat:no-repeat;
	background-position:left center;
}

.shareFromEmbedLabel {
    padding-top:2px;
	padding-bottom:2px;
}

#shareEmail {
	background-image:url(../../img/share_email.png);
}

#shareMySpace {
	background-image:url(../../img/share_myspace.png);
}

#shareFacebook {
	background-image:url(../../img/share_facebook.png);
}

#shareBlogger {
	background-image:url(../../img/share_blogger.png);
}

#shareTypePad {
	background-image:url(../../img/share_typepad.png);
}

#shareWordPress {
	background-image:url(../../img/share_wordpress.png);
}

#shareWordPressOrg {
	background-image:url(../../img/share_wordpress_org.png);
}

#shareTwitter {
	background-image:url(../../img/share_twitter.png);
}

#shareLiveJournal {
	background-image:url(../../img/share_livejournal.png);
}

.currencies .note {
    width: 100%;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2px;
}

#currencyTable {
    margin-left: -7px;
    margin-right: -7px;
}

.currenciesDialog .note {
    font-size: 100%;
    margin-bottom: 5px;
}

.currencies td {
    font-size: 80%;
    text-align: right;
    padding: 2px 2px 2px 5px;
    border: 1px dotted silver;
}

.currencies .name {
    border-right: none;
}

.currencies .amt {
    border-left: none;
}

.currencies .hilite {
    background: #ddd;
}

/* Download dialog ---------- */

#encoding_name, #item_option {
    max-width: 15em;
}

.ieLte7 #encoding_name, #item_option {
    width: 15em;
}
    
.friendly {
    color: green;
    font-weight: bold;
}

.downloadOptionsBody {
    /* to take up some of the space that the empty buttons container uses up: */
    margin-bottom: -1.75em;
    min-width: 24em;
    max-width: 33em;
}

optgroup {
    color: gray;
    font-style: normal;
    font-weight: normal;
}

.ie6 .downloadOptionsBody {
    width: 33em;
}

.downloadOptionsBody #encoding_name, .downloadOptionsBody #item_option {
    font-size: 105%;
}

.downloadOptionsBody #discountInput {
    width: 7em;
}

.downloadOptionsBody #item_option {
    display: inline-block;
    margin-top: 0.5em;
}

.downloadOptionsBody .disabled {
    color: gray;
    text-decoration: line-through;
}

.downloadOptionsBody .title {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.downloadOptionsBody .sub_title {
    xfont-size: 80%;
}

.webkit .downloadOptionsBody #encoding_name,
.webkit .downloadOptionsBody #item_option {
    font-size: 120%;
}

.downloadOptionsBody #userPrice {
    width: 3em;
}

.downloadOptionLine {
    text-align: center;
}

.downloadOptionBlock {
    margin-bottom: 2em;
}

.downloadButtons {
    text-align: left;
}

.downloadButtons .ft {
    border: 0;
    text-align: left;
}

.downloadButtons .ft button:hover {
    text-decoration: none;
}

.downloadButtons .ft .friendlyButton {
    background-color: green;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
}

.downloadSteps #downloadBuyNow {
    display: inline-block;
    display: -moz-inline-box;
    min-width: 197px;
}

.ie6 .downloadSteps #downloadBuyNow {
    display: inline-block;
    width: 197px;
}

#downloadCCGrfx {
	padding-top:6px;
}

#noPayPalHint {
	font-size:93%;
	color:gray;
	padding-top:3px;
}

.downloadPurchases td {
    text-align: left;
    border: 0;
    padding: 1px 0.3em;
    font-size: 115%;
}

.downloadPurchases td.label {
    text-align: right;
}

.downloadPurchases td.top {
    text-align: center;
}

.downloadSteps {
    width: 100%;
}

.downloadSubSteps .sub_item {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.downloadSubSteps .sub_title {
    padding-left: 0.5em;
    padding-top: 0.2em;
}

.downloadSteps .item {
    position: relative;
    border: 0;
    width: 1px;
    padding-bottom: 1.25em;
}

.downloadSteps .wide {
    width: auto;
}

.downloadSteps .alert {
    position: relative;
    top: -1.25em;
}

.downloadSteps #fan_email_error {
    text-weight: bold;
    color: green;
}

.downloadSteps .fakeFt {
    overflow: visible;
    padding-bottom: 0;
}

#downloadCCGroup {
    display: inline-block;
    display: -moz-inline-box;
    float: left;
}

#downloadPaypal {
    float: right;
}

#downloadOr {
    font-style: italic;
    padding-top: 0.5em;
    padding-right: 1em;
    text-align: left;
}

.downloadButtons_paypal tr .nowhitespace {
    border: 0; padding: 0; margin: 0;
}

.downloadSteps .downloadButtons .disabled {
    background: lightgrey;
    color: white;
    overflow: visible;
}

.downloadSteps #downloadButtons_ccTip td {
    padding: 5px;
    color: #333;
}

.downloadSteps #fan_email_dialog {
    position: relative;
}

.downloadSteps #altDownload {
    font-size: 95%;
    background: lightyellow;
    font-weight: normal;
    color: #0687F5;
}

.downloadButtons img {
    margin-right: 7px;
}

.downloadStepText {
    text-align: right;
}

.downloadStepBig {
    text-align: right;
    font-size: 180%;
    color: gray;
}

.downloadStepSmall {
    font-size:85%;
    color: gray;
}

.downloadStepSmall2 {
    font-size:110%;
    font-weight: bold;
    color: gray;
}

.downloadStepSmall2Lonely {
    position: relative;
    top: 0.25em;
}

.downloadStepContents {
    padding-left: 1em;
}

.iphoneWarningOverlay {
    background-color:#F0F0F0;
    opacity:100%;
    position:absolute;
}

.iphoneWarningOverlay h3 {
    color:#AF0000;
    position:relative;
    top:-10px;
}

.iphoneWarningText {
    position:relative;
    top:-3%;
    text-align:justify;
    font-size:medium;
}

.iphoneWarningOverlay .iphoneWarningButtonRow {
    position:absolute;
    bottom: 0;
    text-align: right; 
    vertical-align:text-bottom; 
    width: 100%; 
    margin-bottom:0em; 
    margin-top:1em;
    padding-top:2em;
}

.iphone_DL_cancel_cont {
    cursor:pointer;
    position:relative;
    min-width:75px;
    height:30px;
    border:1px solid;
    padding:8px 27px 8px 27px;
    border-color:#5C6895;
    background-color:white;
    color:#4C5885;
}

/* -------------------- */

.vizmenu .yuimenuitemlabel {
	background-image:url(../../img/vizstrip.jpg);
    background-repeat:no-repeat;
    height:50px;
	margin-left:7px;
	margin-bottom:5px;
}

li.bubbles .yuimenuitemlabel {
	background-position:left -250px;	
}
li.abstract3d .yuimenuitemlabel {
	background-position:left -400px;	
}
li.flowers .yuimenuitemlabel {
	background-position:left -200px;	
}
li.plasma .yuimenuitemlabel {
	background-position:left -300px;	
}
li.equaliser3d .yuimenuitemlabel {
	background-position:left -350px;	
}
li.hypno .yuimenuitemlabel {
	background-position:left -150px;	
}
li.plughole .yuimenuitemlabel {
	background-position:left 0px;	
}
li.strata .yuimenuitemlabel {
	background-position:left -100px;	
}
li.ribbons .yuimenuitemlabel {
	background-position:left -50px;	
}
li.none .yuimenuitemlabel {
	background-image:none;
}

li.tralbumartItem .yuimenuitemlabel {
    background-position:left 10000px; /* invisible */    
}

#vizmenu .tralbumart, #vizmenusharedialog .tralbumart {
	position:absolute;
	height:50px;
	width:50px;
	top: 0px;
	left: 8px;
}

.ie6 #vizmenu .tralbumart, .ie6 #vizmenusharedialog .tralbumart {
    left: 0px;
}

#vizmenu .tralbumartItem, #vizmenusharedialog .tralbumartItem {
    position: relative;
}

#vizmenu a, #vizmenusharedialog a {
	padding-left:60px;
	line-height:50px; /* this is here to get the text to vertically align */
    z-index: 2;
}

.vizmenu, #sharemenu {
    position: absolute;
    visibility: hidden;
}

#vizLinkWrapperShareDialog {
}

#editDesign .colorSwatch {
  	display:inline-block;
  	border-left:4em solid;
}

#editDesign .hexInput {
	height:100%;
  	width: 6em;
  	text-align: center;
}

#editDesign .form-item {
    text-align:right;
    margin-bottom:.75em;
}

#editDesign .alert {
	font-size:100%;
	margin-top:-.5em;
}

.invertIconography #shareLink {
    background-image: url(../../img/menu-button-arrow-invert.png);  
}

.invertIconography #trackInfoInner .prevbutton, .invertIconography #trackInfoInner .nextbutton {
    background-image: url(../../img/nextprevinvert.gif);
}

.offsite_label {
    padding: 0;
    padding-top: 0.8em;
    border: none;
    text-align: right;
}

.offsite_input {
    border: none;

}

/* track license selection and display:  */

form #license {
	padding-left: 14px;
	
}

#license.info {
    font-size:85%;
	margin-top:1em;
}

#license h4 {
    margin: .8em 0 0;
    font-weight: normal;
    font-size: 100%;    
}

.ieLte7 #license h4 {
    margin-left: .3em;
}

#license ul {
    margin: 0px;
}

#license li {
	margin: .6em 0 0;
}

#license span {
	display:table-cell; /* for FF2 */
	display:inline-block;
	width:13px;
	height:13px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:-2px;
}

#license .attribution {
	background:url(../../img/CCstrip.png) no-repeat;
}

#license .non-commercial {
	background:url(../../img/CCstrip.png) -13px 0 no-repeat;
}

#license .no-derivatives {
	background:url(../../img/CCstrip.png) -26px 0 no-repeat;
}

#license .share-alike {
	background:url(../../img/CCstrip.png) -39px 0 no-repeat;
}

#license .commercial {
	background:url(../../img/CCstrip.png) -52px 0 no-repeat;
}

#license .cc-icons {
    padding-right: .35em;
}

#license p {
	margin-top:1em;
	margin-left:1.5em;
	display:none;
}

#license .selected p {
	display:block;
}

/* end license */

.widgetCluster {
    background: #EEEEEE;
    padding: 20px;
    margin: 10px;
}

.widgetCluster .widgetLine {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* physical package editor */

.package_wrapper {
    margin-bottom: 0.3em;
}

#packageShipping td, packageShipping tr {
    border: 0;
}

.packageShippingWidgets {
    padding-left: 2em;
}

.packageShippingLabel {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-right: 0.5em;
}

.packageSummary {
    font-weight: bold;
}

.packageFulfillmentDays {
    width: 2.2em;
}

.packageTitle {
    width:29.3em;
}

.trackEdit .packageDescription {
    height:7.7em;
}

.packageIncludeDownload {
	margin-top:1.4em;
}

.packageQuantityEditorWrapper {
    display: inline-block;
    display: -moz-inline-box;
    margin-top: 0.4em;
}

#packages_orderer {
    margin-bottom: 1.0em;
}

#packages_orderer tr, #packages_orderer td {
    padding: 2px 5px 2px 5px;
    borderx: none;
    cursor: move;
}

.packageOptionTitle {
    width: 12em;
}

.packageOptionLabel {
    display: inline-block;
    text-align: right;
    width: 8em;
}

.packageOptionItems {
    margin-top: 0.75em;
}

/* end physical package editor */

/* for physical package viewer, see buyItem rules, above */

/* popup image viewer */

.imageviewer_top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center;
    z-index: 100;
}

.imageviewer_top td {
    border: 0;
}

.imageviewer_back {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}

.imageviewer_dismiss {
    cursor: pointer;
    position: relative;
    top: 2em; left: -1em;
    background-image:url(../../img/closebox.png);
	background-repeat:no-repeat;
	width:30px;
	height:30px;
}

.imageviewer_image {
    clear: both;
    border: 3px solid grey;
}

/* end popup image viewer */

/* picture gallery */

.gallery_array td {
    border: 0;
    display: inline-block;
    position: relative;
    width: 65px;
    height: 65px;
    padding: 0 10px 3px 0;
    vertical-align: middle;
    text-align: center;
}

.ieLte7 .gallery_array td {
    padding-bottom: 0px;
}

.gallery_array td.last {
    padding-right: 0;
}

.gallery_array td.viewer {
    height: auto;
}

.gallery_item_holder {
    position: absolute;
    width: 65px;
    height: 65px;
    top: 0;
    left: 0;
    vertical-align: middle;
}

.gallery_item_blank {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
    border: 1px solid gray;
    background: white;
}

.gallery_item img {
    width: 64px;
    height: 64px;
    border: 1px solid lightgrey;
    background: white;
}

.gallery_item .add {
    display: -moz-inline-box;
    display: inline-block;
    margin-top: 25px;
}

.gallery_item button {
	font-size:73%;
}

.gallery_progress {
    position: absolute;
    width: 80%;
    left: 8%;
    height: 10%;
    top: 45%;
}

.gallery_progress .progress_outer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.gallery_progress .progress_inner {
    position: absolute;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    left: 0;
    height: 100%;
}

.gallery_viewer td {
    padding-left: 0;
}

/* end gallery */

/* tag search/browse */
.tags {
    color: #4d4d4d;
}

.tags h1 {
    font-size: 4em;
    font-weight: bold;
    display: inline-block; 
    margin: 0px;
    width: 500px
}

.ieLte7 .tags h1 {
    display: inline;
}

.tags_all h1 {
    font-size: 5em;
}

.tags a {
/*    color: #2f6f8c; fixme: get from ethan */
}

.tags #title_area {
    white-space: nowrap;
}

.tags .toparea .browselink {
    display: inline-block; 
    width: 205px; 
    text-align: right;
    font-size: 1.5em;
}

.ieLte7 .tags .toparea .browselink {
    display: inline;
}

.tags img {
    border: none;
}

.tags .item_list {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    margin-top: 1em;
}

.tags .item_list li {
    display: inline-block;
    margin: 0px;
    vertical-align: top;
}

.ieLte7 .item_list li {
    display: inline;
}

.tags .box {
}

.tags .divider {
    border-top: 1px solid #c0c0c0;
}

.tags .leftcolumn {
    width: 708px;
    overflow: hidden;
    margin-right: 39px;
    display: inline-block;
    vertical-align: top;
	padding-bottom:10px;
}

.tags .rightcolumn {
    width: 213px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.ieLte7 .tags .leftcolumn, .ieLte7 .tags .rightcolumn {
    display: inline;
}

.tags_all .rightcolumn {
    width: 210px;
}


/* 
 * The featured_area and restuls_area containers are wider
 * than their parent, which has overflow: hidden in order
 * to allow the <li>s, which have large margin-right, to
 * bump right up against the visual edge of the parent
 */
.tags .featured_area {
    width: 750px;
    padding-top: 15px;
    height: 296px;
}

.tags .results_area {
    width: 750px;
    padding-top: 10px;
}

.tags .blurb {
    padding-top: 15px;
    height: 296px;
}
.tags .related {
    padding-top: 10px;
}

.tags .item a {
    display: inline-block; /* it's the parent of block elems */
}

.tags .featured_area .item {
    margin-right: 39px;
    margin-bottom: 1em;
    font-size: 1.4em;
    overflow: hidden;
    width: 210px;
}
.tags .featured_area .item .art {
    width: 210px;
    height: 210px;
}

.tags .results_area .item {
    margin-right: 22px;
    margin-bottom: 2em;
    overflow: hidden;
    width: 124px;
}

.tags .itemtext {
    white-space: nowrap;
	padding-top:8px;
}

.ieLte7 .tags .itemtext {
    padding-top: 3px; /* compensate for some stubborn extra whitespace */
}

.tags .awesome_area {
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 2em;
}

.tags .awesome_area ul {
    margin-top: 15px;
}

.tags .awesome_area .item {
    margin-bottom: 15px;
    overflow: hidden;
	font-size:67%;
}
.tags .awesome_area .item .art {
    width: 210px;
    height: 210px;
}

.tags .links {
    padding-top: 15px;
    font-size: 1.75em;
}

.tags .results_area .itemsubtext {
    white-space: nowrap;
    font-size: 92%;
}

.tags .results_area .art {
    width: 124px;
    height: 124px;
}

.tags .area_text {
    font-size: 1.5em;
}
.tags .results_area .area_text {
    margin-bottom: 1em;
}

.tags .artist_more .item_list {
    margin-top: 1em;
}

.tags .artist_more .itemtext {
    white-space: normal;
    font-size: 1.2em;
    max-height: 2.4em;
}

.tags .sort_controls {
    margin-bottom: 1em;
    font-size: 1.3em;
}
.tags .sortIcon {
    height: 1.5em; /* should match sort_controls font size */
}
.tags .horizNav li {
    padding-right: 0;
}

.tags .pager_controls {
    font-size: 1.5em;
}

.tags .related h2 {
    font-size: 1.5em;
    margin: 0;
    font-weight: normal;
}

.tags .related .heading > * {
    display: inline-block;
    width: 49%;
}

.ieLte7 .tags .related .heading > * {
    display: inline;
}

.related_tag_cloud {
	margin-top:1em;
}

.related_tag {
    white-space: nowrap;
}

.all_link {
	text-align: right;
}

.tags #sortNav {
    display: inline;
}

.tags .featured td {
    width: 100px;
    overflow: hidden;
    vertical-align: top;
}

.tags .featured table {
    vertical-align: top;
}

.tags .tagcloud {
    font-size: 2.5em;
    margin-bottom: 15px;
    padding-top: 15px;
}
.tags .tagcloud .tag { white-space: nowrap; }
.tags .tagcloud .size1 { font-size: 100%; }
.tags .tagcloud .size2 { font-size: 95%; }
.tags .tagcloud .size3 { font-size: 90%; }
.tags .tagcloud .size4 { font-size: 85%; }
.tags .tagcloud .size5 { font-size: 80%; }
.tags .tagcloud .size6 { font-size: 75%; }
.tags .tagcloud .size7 { font-size: 70%; }
.tags .tagcloud .size8 { font-size: 65%; }
.tags .tagcloud .size9 { font-size: 60%; }

.tags .tagcloud .hidden {
    display: none;
}
.tags .tagcloud a {
    padding-right: 0.6em;
}

.tags .showall {
    font-size: 50%;
    white-space: nowrap;
    float: right;
}

/* end tag search/browse */