/* concatenation of: container.css, button.css, menu.css, trackpipe_basic.css, trackpipe_layout.css, webapp_selector.css */
/* ------------- BEGIN container.css --------------- */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
.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
   + YUILibrary 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://s0.bcbits.com/tmpdata/cache/close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
    text-indent:-10000em;
    overflow:hidden;
    text-decoration:none;
}

.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://s0.bcbits.com/tmpdata/cache/blck16_1.gif") no-repeat;
}

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

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

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

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

.yui-simple-dialog .bd span.tipicon {
    background: url("http://s0.bcbits.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;
}

.yui-override-padding {
    padding:0 !important;
}

/* ------------- BEGIN button.css --------------- */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
.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://s0.bcbits.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;_margin:0;}.yui-skin-sam .yui-button button,.yui-skin-sam .yui-button a,.yui-skin-sam .yui-button a:visited{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:1.875;*padding-bottom:1px;}.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://s0.bcbits.com/tmpdata/cache/menu-button-arrow.png);}.yui-skin-sam .yui-split-button button{background-image:url(http://s0.bcbits.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-split-button-focus button{background-image:url(http://s0.bcbits.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-split-button-hover button{background-image:url(http://s0.bcbits.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-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://s0.bcbits.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,.yui-skin-sam .yui-button-disabled a:visited{color:#A6A6A6;cursor:default;}.yui-skin-sam .yui-menu-button-disabled button{background-image:url(http://s0.bcbits.com/tmpdata/cache/menu-button-arrow-disabled.png);}.yui-skin-sam .yui-split-button-disabled button{background-image:url(http://s0.bcbits.com/tmpdata/cache/split-button-arrow-disabled.png);}

/* ------------- BEGIN menu.css --------------- */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
.yuimenu{top:-999em;left:-999em;}.yuimenubar{position:static;}.yuimenu .yuimenu,.yuimenubar .yuimenu{position:absolute;}.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-overlay.yui-force-redraw{margin-bottom:1px;}.yui-skin-sam .yuimenubar{font-size:93%;line-height:2;*line-height:1.9;border:solid 1px #808080;background:url(http://s0.bcbits.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 .yuimenubaritemlabel:visited{color:#000;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel{padding-right:20px;*display:inline-block;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{background:url(http://s0.bcbits.com/tmpdata/cache/menubaritem_submenuindicator.png) right center no-repeat;}.yui-skin-sam .yuimenubaritem-selected{background:url(http://s0.bcbits.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,.yui-skin-sam .yuimenubaritemlabel-disabled:visited{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled{background-image:url(http://s0.bcbits.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{*zoom:1;_zoom:normal;border:solid 1px #808080;background-color:#fff;}.yui-skin-sam .yuimenu .yuimenu .bd{*zoom:normal;}.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://s0.bcbits.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:visited{color:#000;}.yui-skin-sam .yuimenuitemlabel .helptext{margin-top:-1.5em;*margin-top:-1.45em;}.yui-skin-sam .yuimenuitem-hassubmenu{background-image:url(http://s0.bcbits.com/tmpdata/cache/menuitem_submenuindicator.png);background-position:right center;background-repeat:no-repeat;}.yui-skin-sam .yuimenuitem-checked{background-image:url(http://s0.bcbits.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,.yui-skin-sam .yuimenuitemlabel-disabled:visited{cursor:default;color:#A6A6A6;}.yui-skin-sam .yuimenuitem-hassubmenu-disabled{background-image:url(http://s0.bcbits.com/tmpdata/cache/menuitem_submenuindicator_disabled.png);}.yui-skin-sam .yuimenuitem-checked-disabled{background-image:url(http://s0.bcbits.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;
}

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: 420px;
}

.share_dialog .section div {
	margin-bottom:4px;
}

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

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

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

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

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

.share_dialog .divider {
    float: left;
    width: 1px;
    height: 435px;
    background: #DDDDDD;
    position: relative;
}

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

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

.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 .transparentOption {
    padding-top: 5px;
}

.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 #layouturl {
    width: 100%;
}

.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;
}

.share_dialog #customLayoutChoices {
    display: none;
}
.share_dialog #customLayoutChoices p {
    margin-top: 0.5em;
}
.share_dialog .dimensions {
    width: 3em;
    margin-right: 0.5em;
}
.share_dialog #refreshlink {
    display: none;
}

#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;
}

.tweetThis {
    display: inline-block;
    width: 55px;
    height: 20px;
    background: url(../../img/dltweet.png) no-repeat;
    margin-right: 8px;
}

.facebookThis {
    display: inline-block;
    width: 60px;
    height: 20px;
    background: url(../../img/dlfbshare.gif) no-repeat;
    margin-right: 8px;
}

.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 -30px 35px -30px;
}

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

#customHeaderBlank.uploading #chUploadButtonAndHint {
    display: none;
}

#chUploadProgressWrapper {
    display: none;
}

#customHeaderBlank.uploading #chUploadProgressWrapper {
    display: inline-block;
}

#fb-customHeader {
    width:519px;
    min-height:40px;
    position:relative;
}

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

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

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

#fb-customHeaderBlank button {
    margin-top:40px;
    margin-right:0px;
    background: none repeat scroll 0 0 white;
    border: 1px solid silver;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 150%;
    padding: 0.25em;
    text-align: center;
}

.upload-progress-wrapper {
	display:none;
}

#tralbumArtWrapper.uploading .upload-progress-wrapper {
    display:inline;
}

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

#tralbumArtWrapper.uploading .image-upload-hint {
    display:none;
}

#customHeader button, #fb-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;
}

#tralbumArtWrapper .upload-progress {
	margin-top:5px;
}

#headerUploadProgress, #tralbumArtWrapper .upload-progress {
	margin-top:5px;
}

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

.widebody #centerWrapper {
    width: 1030px;
}

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

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

.widebody #pgBd {
    width: 960px;
}

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

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

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

.rightColumn {
    width: 120px;
    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;
}

.middleColumn .like-button-area {
    margin-top:1.5em;
}

#siteNav {
    float: left;
}

#userNav, #legal {
    float: right;
}

#pgHd.fattyNav {
    background: #cccccc;
}

#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;
} 

#fattySearch {
    margin: 0;
	margin-top: 7px;
	float: right;
}

#fattySearch input {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(153,153,153);
	height: 25px;
	font-size: 16px;
	color: rgb(0,0,0);
	font: arial,sans-serif bold;
	padding: 0px 8px 0px 6px;
}

#fattySearch button {
	margin-right: 0;
	font-size: 14px;
	border-color: rgb(153,153,153);
	padding:3px 6px;
}

#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;
}

#showography {
	margin-bottom:30px;
}

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

#showography li {
	margin-top: 2em;
    margin-bottom: 0em;
}

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

#showography .showLoc {
    font-size:85%;
	padding-top:2px;
}

#showography .showVenue {
	padding-top:2px;
}

#showography .showMore {
    margin: 20px 0px 0px 0px; 
}

#showography .showLatest {
    padding-left: 1.25em;
    font-size:80%;
}

.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 #name-section{
    float: left;
}

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

.trackView #name-section dd h3 {
    width: 385px;
}

.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;
} 

#trackInfo .pseudoLink {
    color: #0687f5;
}

.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;
	margin-bottom:0;
}

.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;
}

#dragTracksTip {
    padding-left: 0;
}

.dragTracksLabelCell {
    width: 1.5em;
}

.textInput, .numberInput, .moneyInput, .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;
}

.moneyInput {
    width: 4.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:4.5em;
	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, #facebook-section .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;
    padding-top: 4px; 
}

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

#paidDownloadControls_alert {
    font-size: 100%;
    font-weight: normal;
}

/* this can go away soon. the rule above replaces it. (robbie 8/26/2010) */
#paidDownloadControls .alert {
     font-size: 100%;
     font-weight: normal;
}
 
#paidDownloadControls_info {
    font-size: 100%;
    font-weight: normal;    
}

#trackNums th, #trackList th {
    font-weight: normal;
    border: 0;
    padding-bottom: 10px;
}

#trackList .preorder_column {
    text-align: center;
}

.trackListTitle {
    max-width: 29em;
}

.preorder_check {
    padding: 0; margin: 0;
}

.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.8.2/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.8.2/assets/skins/sam/menuitem_submenuindicator.png);
}

.yui-skin-sam .yuimenuitem-checked {
    background-image:url(../../jslib/yui/2.8.2/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, .menuLink {
	background: url(../../jslib/yui/2.8.2/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;
}

#trackList input {
    cursor:default;
}

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

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

/*** Dialogs ***********************************************/
  
.masked .mask {
    background: #888;
    background: -webkit-radial-gradient(rgba(127, 127, 127, 1.0), rgba(127, 127, 127, 1.0) 35%, rgba(0, 0, 0, 0.8));
    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-panel-none {
    border: none;
    background: none;
}

.mask-none {
    background: none;
}

.yui-dialog .hd {
    padding: 0px;
    border: none;
    border-radius: 11px 11px 0px 0px;
    -moz-border-radius: 11px 11px 0px 0px;
    position: relative;
    background: #5E5E5E;
}

.yui-dialog .hd .content {
    font-size: 131%;
    letter-spacing: 0.02em;
    line-height: 1.9em;
    margin-left: 15px;
    margin-right: 45px;
    overflow: hidden;
}

.yui-dialog .bd {
    background: white;
    border: solid #5E5E5E;
    padding: 24px;
}

.yui-dialog .footerless {
    border-width: 0px 1px 1px 1px;
    border-radius: 0px 0px 11px 11px;
    -moz-border-radius: 0px 0px 11px 11px;
}

.yui-dialog .footered {
    border-width: 0px 1px 0px 1px;
}

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

.yui-dialog .ft {
    background: white;
    border: solid #5E5E5E;
    padding: 0px 24px 20px 24px;
    border-radius: 0px 0px 11px 11px;
    -moz-border-radius: 0px 0px 11px 11px;
    border-width: 0px 1px 1px 1px;
}

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

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

.yui-dialog .hd .tl {
    display: none;
}

.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;
} 

#background-image-container.uploading .upload-controls-wrapper {
    display: none;
}

#background-image-container .upload-progress-wrapper {
    display: none;
    text-align: right;
}

#background-image-container.uploading .upload-progress-wrapper {
    display: block;
    text-align: right;
}

#background-image-container .upload-progress {
    display: inline-block;
    padding-top: 2px;
}

#background-image-container .upload-progress .progress_outer {
    height: .75em;
    width: 9.35em;
    border: 1px solid silver;
	margin: 0px;
}

#background-image-container .upload-progress .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, #offsiteToggle {
	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);
}

#shareStumbleUpon {
	background-image:url(../../img/share_stumbleUpon.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);
}

#shareTumblr {
	background-image:url(../../img/share_tumblr.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 {
    min-width: 8em;
    max-width: 17em;
}

.ieLte7 #encoding_name, .ieLte7 #item_option {
    width: 17em;
}
    
.friendly {
    color: #4F8E25;
}

.downloadOptionsBody {
    min-width: 24em;
    max-width: 33em;
}

.redownloadBody {
    font-size: 105%;
}

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

.downloadOptionBlock {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.downloadButtons {
    text-align: left;
    float: right;
    width: 100%;
}

.downloadButtons td {
    padding: 0;
    margin: 0;
    border: none;
}

.downloadButtons .ft button {
    margin: 0;
}

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

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

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

.downloadButtons .ft .checkoutNowButton {
    background-color: #4F8E25;
    color: white;
    width: 15em;
}

.downloadButtons .ft .tableButton {
    font-weight: normal;
    font-size: 110%;
    text-align: center;
    vertical-align: middle;
    color: white;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.downloadButtons td {
    text-align: center;
}

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

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

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

.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%;
    font-size: 100%;
    color: #363636;
}

.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 {
    zposition: relative;
    ztop: -1.25em;
}

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

.downloadSteps .fakeFt {
    display: block;
    overflow: visible;
    padding: 0 4px 0 4px;
}

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

.downloadSteps #fan_email_dialog {
    position: relative;
}

.downloadStepSmall {
    font-size:90%;
    color: #7F7F7F;
}

.mobileWarning {
    opacity:100%;
}

.mobileWarning h3 {
    color:#AF0000;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

#pricing table {
    border: none;
}

#pricing td {
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}

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

.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, .invertIconography .menuLink {
    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;
}

.widgetNote {
    margin: 5px 20px;
}

.widgetWarning {
    color: red;
    padding: 7px;
    background: white;
    border: 1px solid red;
}

.item_desc {
    width: 32em;
}

.package_desc {
    margin-top: 5px;
}

#download_desc {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* 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.uploading .add {
    display: none;
}

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

.gallery_item .upload-progress {
    position: absolute;
    width: 80%;
    left: 8%;
    height: 10%;
    top: 45%;
    display: none;
}

.gallery_item.uploading .upload-progress {
    display: block;
}

.gallery_item .upload-progress .progress_outer {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.gallery_item .upload-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 */

/* misc */

.releaseParty h3 {
    margin-top: 0;
}

/* end misc */

/* ------------- BEGIN webapp_selector.css --------------- */
#webapp-selector-ui {
    margin-left: 15px;
    margin-right: 5px;
}