/* /fvlogger/logger.css */

/*
  fvlogger styles
  (c) 2005 davidfmiller
  http://www.fivevoltlogic.com/code/fvlogger/

  note: this stylesheet is designed to work with the stock configuration of
        the fvlogger.js file; changes made there may or may not lead to
        changing this file as well.

  history:
        v0.1  February 3, 2005
        - basics in place
*/

#fvlogger {
	display: none;
	position: absolute;
	left: 0; bottom: 0;
	top: 0; right: 0;
	z-index: 10;
	overflow: auto;
	
	border: 1px solid #ddd;
	padding: 8px;
	background-color: #fafafa;
}

#fvlogger dd, #fvlogger a {
	cursor: pointer;
}

#fvlogger * {
	background-repeat: no-repeat;	
	font-size: 9pt;
/*	text-transform: lowercase;*/
}

#fvlogger h6 {
	font-weight: bold;
}

#fvlogger p, #fvlogger h6, #fvlogger ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#fvlogger dl {
	padding-bottom: 4px;
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
}

#fvlogger dl dt:after {
	content: " :";
}

#fvlogger dl dt, #fvlogger dl dd {
	padding: 0;
	margin: 0 4px 0 0;
	display: inline;
}

#fvlogger dl dt {
	font-weight: bold;
	background-image: url(magnet.png);
	min-height: 18px;
	padding-left: 20px;
	float: left;
}

#fvlogger dl dd {

}

#fvlogger a { font-weight: bold;}
#fvlogger p {
	padding-left: 20px;
	background-position: top left;
	line-height: 1.4em;
}

#fvlogger dd.debug a { color: #0CCD14; }
#fvlogger dd.info  a { color: #0082C6; }
#fvlogger dd.warn  a { color: #E9C000; }
#fvlogger dd.error a { color: #EE0000; }
#fvlogger dd.fatal a { color: #444; }

#fvlogger p.debug, #fvlogger p.info, #fvlogger p.warn, #fvlogger p.error {
	
}

#fvlogger p.debug { background-image: url(debug.png); color: #0CCD14; font-weight: bold; }
#fvlogger p.info  { background-image: url(info.png);  color: #0066B3; font-weight: bold; }
#fvlogger p.warn  { background-image: url(warn.png);  color: #E9C000;  font-weight: bold; }
#fvlogger p.error { background-image: url(error.png); color: #EE0000; font-weight: bold; }
#fvlogger p.fatal { background-image: url(fatal.png); color: #656565; font-weight: bold; }


/* common.css */

/*----------------------------------------------------------------------------------*
 * MusicMiner Web Server															*
 * Name:		source/app/html/css/common.css										*
 * Author:		Jesse J Morrow	(jesse@jessejmorrow.com)							*
 * Created:		2006-08-24															*
 * Updated:		2009-03-02															*
 * Compat:		CSS																	*
 * Copyright:	Copyright 2006-2008 Soundminer Inc.									*
 *																					*
 * Purpose:		The common stylesheet.												*
 *----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 * GLOBALS
 *--------------------------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	overflow: auto;
	font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;;
	background: #fff;;
}

a:link { color: blue; text-decoration: none;; }
a:visited { color: blue; text-decoration: none;; }
a:hover { color: blue; text-decoration: underline;; }
a:active { color: blue; text-decoration: none;; }

span.lnk-menu {
	color: blue; text-decoration: none;;
	cursor: pointer;
	border-bottom: 1px dotted transparent;
	text-decoration: none;
	padding-right: 8px;
	background: url(/img/arrow_blue_sm.gif) no-repeat right center;
}

span.lnk-menu:hover {
	color: blue; text-decoration: underline;;
	border-bottom: 1px dotted blue;
	text-decoration: none;
}

span.link-menu:active {
	color: blue; text-decoration: none;;
	text-decoration: none;
}

/**
 * Mac Firefox has a render bug where it renders scrollbars *through* elements that
 * are floating above them (e.g. popup menu, dialog box) so we must temporarily hide
 * the scroll bars while the floating element is open. Fix.floatOn() uses these.
 * 
 * For this to work all elements with scrollbars that might fall under a floating
 * element need to have 'fix-float-scroll' as part of their class name.
 */
.fix-float-scope .fix-float-scroll { overflow: hidden !important; }

div, form, h1, h2, h3, h4, h5, h6 {
	padding:  0;
	margin: 0;
	border-width: 0;
}

input[type='submit'] { font-weight: bold; }
input[type='text'], input[type='password'], textarea, select { margin: 1px; } /* JJM 2007-09-24: fixes Firefox's clobbering of form element borders in tables */
input[type='text'], input[type='password'], select, textarea {
	font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;;
	background: #fff;;
	border-width: 1px; border-style: solid; border-color: #737373 #999 #999 #999;;
	font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;;
}
input[type='text'][disabled], input[type='password'][disabled], select[disabled], textarea[disabled] { background: #f0f0f0;; }
input[type='text'], input[type='password'] { padding: 1px 3px; }
/*textarea { padding: 1px 0 1px 3px; }*/
/*textarea[disabled] { color: gray; }*/

.alt { background-color: #EDF3FE; }
.odd { background-color: #EDF3FE; }
span.word { white-space: nowrap; }

/*--------------------------------------------------------------------------------
 * CLASSES
 *--------------------------------------------------------------------------------*/

/* valid/input input */
.v-valid, .odd.v-valid, input.v-valid, select.v-valid, textarea.v-valid { background: #cfc;; color: black;; }
.v-invalid, .odd.v-invalid, input.v-invalid, select.v-invalid, textarea.v-invalid { background: #fcc;; color: black;; }

.top { vertical-align: top; }
.left { float: left; }
.right { float: right; }

.jl { color: blue; cursor: pointer; }
.lnk { color: blue; cursor: pointer; }

.dragging { z-index: 1000; }	/* ensure dragged objects are on top of all else */

/* Note: Defining .selected or .focused .selected globabally causes rendering bug in IE7
 *       where selecting an item in the Project tree causes all sub items to also be
 *       visually selected as the entire <li> gets colored instead of just the item <span>
 */
/*.selected { background: #c0c0c0;-color; color: black;; border-color: #c0c0c0;; }*/
/*.focused .selected { background: #3d80df;-color; color: white;; border-color: #3d80df;; }*/

span.pinwheel {
	display: block;
	background: url(/img/indicator.gif) no-repeat center left;
	width: 21px; height: 21px;
}

span.btn-help {
	display: block;
	background: url(/img/question.gif) no-repeat center left;
	width: 18px; height: 18px;
	padding: 0; margin: 0;
	cursor: pointer;
}

.json { display: none !important; } /* elements used for transferring JSON data */

/* mouse drag handle */
span.handle {
	display: block;
	background: lightgray url(/img/bk_handle.gif) repeat top left;
	padding: 0;
	cursor: move;
}

/* used by Control.refresh() */
.loading { background: white url(/img/indicator.gif) no-repeat center center !important; }

/* rank */

span.rank {
	background: url('/img/rank.png') no-repeat 0 center;
	display: -moz-inline-box;
	display: inline-block;
	/*color: transparent;*/

	/* width has to be at least 1px larger than image otherwise Safari bug repeats image */
	width: 81px;
	padding: 0;
}

/* ranks range from 0 to 20 */
span.rank.rank-0 { background-position: -80px center; }
span.rank.rank-1 { background-position: -76px center; }
span.rank.rank-2 { background-position: -72px center; }
span.rank.rank-3 { background-position: -68px center; }
span.rank.rank-4 { background-position: -64px center; }
span.rank.rank-5 { background-position: -60px center; }
span.rank.rank-6 { background-position: -56px center; }
span.rank.rank-7 { background-position: -52px center; }
span.rank.rank-8 { background-position: -48px center; }
span.rank.rank-9 { background-position: -44px center; }
span.rank.rank-10 { background-position: -40px center; }
span.rank.rank-11 { background-position: -36px center; }
span.rank.rank-12 { background-position: -32px center; }
span.rank.rank-13 { background-position: -28px center; }
span.rank.rank-14 { background-position: -24px center; }
span.rank.rank-15 { background-position: -20px center; }
span.rank.rank-16 { background-position: -16px center; }
span.rank.rank-17 { background-position: -12px center; }
span.rank.rank-18 { background-position: -8px center; }
span.rank.rank-19 { background-position: -4px center; }
span.rank.rank-20 { background-position: 0 center; }

div#blackout {
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	z-index: 1000;
	opacity: 0.5;
	background: black;
	display: none;
}

div#blackout.loading {
	background: black url(/img/ajax-loader-1.gif) no-repeat center center !important;
}

/*----------------------------------------------------------------------------------*
 * SHARED LAYOUT
 *----------------------------------------------------------------------------------*/

div#logo, div.logo {
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 4px;
	width: 300px; height: 152px; background: url("/img/logo.gif");;
}

/*----------------------------------------------------------------------------------*
 * BROWSER SUPPORT
 *----------------------------------------------------------------------------------*/

div#browser-support { display: none; }
body.browser-support div#browser-support, body.browser-version div#browser-support { display: block; }
body.browser-support div#browser-support .version, body.browser-version div#browser-support .support { display: none; }
body.mac .windows, body.mac .linux, body.windows .mac, body.windows .linux { display: none; }

/*----------------------------------------------------------------------------------*
 * PLAQUE MESSAGE
 *----------------------------------------------------------------------------------*/

div.plaque {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	padding: 21px 15px 15px 21px; /* extra 6px to account for shift of drop shadow */
	overflow: auto;
	text-align: center;
	background: #fff;
	z-index: 200;
}

div.plaque > div {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	text-align: left;

	/* shadow */
	background: url(/img/shadow.png) no-repeat bottom right;
	margin: 6px 0 0 6px; padding: 0;
	z-index: 200;
	
/*	padding-right: 6px; padding-bottom: 6px;*/
}

div.plaque > div > div {
	border: 3px solid gray;
	padding: 15px;
	background: url(/img/bk_ribbed.gif) repeat left top;

	/* shadow */
	position: relative;
	bottom: 6px; right: 6px;
}


div.plaque div.img { text-align: center; border-bottom: 1px solid gray; }
div.plaque img { margin-bottom: 5px; }

div.plaque div.msg {
	padding-top: 10px;
	text-align: center;
}
div.plaque div.msg p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
}

div.plaque div.msg h4 {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div.plaque div.msg dt { font-weight: bold; }
div.plaque div.msg dd { text-align: center; margin-left: 0; }

div.plaque div.msg ul {
	display: inline-block;
	text-align: left;
	margin-top: 1px;
	margin: 1px auto;
}

div.plaque div.msg ul li { text-align: left; }

/*--------------------------------------------------------------------------------
 * BUTTONS
 *--------------------------------------------------------------------------------*/

span.btn-play {
	display: -moz-inline-box;
	display: inline-block;
	background: url(/img/trackbtns_sprite.png) no-repeat 0px 0px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-play:hover { background-position: -17px 0px; }
span.btn-play:active, span.btn-play.pressed { background-position: -34px 0px; }
span.btn-play span.btn-play-text {
	position:relative;
	left:20px;
	top:2px;
}

span.btn-add, button.btn-add {
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -17px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; padding: 0;
	cursor: pointer;
}
span.btn-add:hover, button.btn-add:hover { background-position: -17px -17px; }
span.btn-add:active, button.btn-add:active { background-position: -34px -17px; }
span.btn-add { display: -moz-inline-box; display: inline-block; }
button.btn-add { border: none; }
button.btn-add span { display: none; }
span.btn-add span.btn-add-text {
	position:relative;
	left:20px;
	top:2px;
}

span.btn-download, span.btn-download-alert {
	display: -moz-inline-box;
	display: inline-block;
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -34px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-download:hover { background-position: -17px -34px; }
span.btn-download:active, span.btn-download.pressed { background-position: -34px -34px; }
span.btn-download span.btn-download-text, span.btn-download-alert span.btn-download-alert-text {
	position:relative;
	left:20px;
	top:2px;
}

span.btn-spectral {
	display: -moz-inline-box;
	display: inline-block;
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -51px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-spectral:hover { background-position: -17px -51px; }
span.btn-spectral:active, span.btn-spectral.pressed { background-position: -17px -51px; }

span.btn-download-album {
	display: inline-block;
	background: url(/img/album_download_def.png) no-repeat;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}




span.btn-reload {
	display: -moz-inline-box;
	display: inline-block;
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -51px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-reload:hover { background-position: -17px -51px; }
span.btn-reload:active, span.btn-reload.pressed { background-position: -17px -51px; }

span.btn-delete, button.btn-delete {
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -68px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; padding: 0;
	cursor: pointer;
}
span.btn-delete:hover, button.btn-delete:hover { background-position: -17px -68px; }
span.btn-delete:active, button.btn-delete:active { background-position: -34px -68px; }
span.btn-delete { display: -moz-inline-box; display: inline-block; }
button.btn-delete { border: none; }
button.btn-delete span { display: none; }

span.btn-info {
	display: -moz-inline-box;
	display: inline-block;
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -85px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-info:hover { background-position: -17px -85px; }
span.btn-info:active, span.btn-info.pressed { background-position: -34px -85px; }

/*--------------------------------------------------------------------------------
 * BUTTONS
 *--------------------------------------------------------------------------------*/

div.btn {
	display: inline-block;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	background: -webkit-gradient(linear, 0 40%, 0 70%, from(rgb(249, 249, 249)), to(rgb(227, 227, 227)));
	background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
	border: 1px solid rgb(147, 147, 147);
	color: black;
	cursor: pointer;
	margin: 0px 4px 0px 0px;
	outline: none;
	padding: 3px 6px;
	text-align: center;
/*	vertical-align: middle;*/
	white-space: nowrap;
}

div.btn:hover {
	border-color: rgb(68, 68, 68);
}

div.btn:active {
	background: -webkit-gradient(linear, 0 40%, 0 70%, from(rgb(227, 227, 227)), to(rgb(249, 249, 249)));
	background: -moz-linear-gradient(center top , #E3E3E3, #F9F9F9) repeat scroll 0 0 transparent;
}

div.btn.meta {
	border: 1px solid #26c;
	background: url("/img/sprite.png") repeat-x 0 0;
	color: #039; font-weight: bold;
	height: 18px; line-height: 16px; padding: 0 3px; margin: 2px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px;
}
div.btn.meta:hover { background: url("/img/sprite.png") repeat-x 0 -24px; }
div.btn.meta:active { background: url("/img/sprite.png") repeat-x 0 0; }

/* others */

span.btn-plus {
	display: block;
	background: url(/img/browse_add.png) no-repeat center left;
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 4px 2px;
}

span.btn-minus {
	display: block;
	background: url(/img/browse_remove.png) no-repeat center left;
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 4px 2px;
}

span.btn-add {
	background: url(/img/trackbtns_sprite.png) no-repeat 0px -17px;
	width: 17px; height: 17px;
	margin: 2px 1px 1px 2px; cursor: pointer;
}
span.btn-add:hover { background-position: -17px -17px; }
span.btn-add:active, span.btn-add.pressed { background-position: -34px -17px; }

span.date-pick {
	display: inline-block;
	vertical-align: middle;
	padding: 0; line-height: 20px; margin-bottom: 2px;
	width: 14px; height: 14px;
	background: url("/img/calendar.gif") no-repeat;
}

/*--------------------------------------------------------------------------------
 * FLASHES
 *--------------------------------------------------------------------------------*/

#flash, .flash {
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 12px;
	margin: 0 auto 12px auto;
}

#flash.good, .flash.good {
	border-color: #9c9;
	color: #060;
	background: #E2F9E3;
}

#flash.bad, .flash.bad {
	border-color: #c99;
	color: #fff;
	background: #d00;
}

#flash p, div.flash p { padding: 0; margin: 0; }

div.flash {
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px; margin: 0 auto;
	font-size: 12px;
	font-weight: bold;
}

div.flash.good, div.flash.flash-good {
	border-color: #7a7;
	color: #060 !important;
	background: #E2F9E3 !important;
}

div.flash.bad, div.flash.flash-bad {
	border-color: #a77;
	color: #fff !important;
	background: #d00;
}

/*--------------------------------------------------------------------------------
 * POPUP MENUS
 *--------------------------------------------------------------------------------*/

/* drop-shadows */
/* @ack Phil http://wubbleyew.com/tests/dropshadows.htm for initial drop-shadow method. */

/**
 * To create a drop shadow minimally construct:
 * <div class="popup"><div class="inner">content</div></div>
 * 
 * To create a drop shadow on a very tall div (greater than 800px) minimally construct:
 * <div class="popup side"><div class="side"><div class="inner">content</div></div></div>
 * 
 * The tall shadow runs flush with the top of the content at the top-right corner of the
 * div (whereas we'd like there to be 6px of no shadow to complet the effect). At the
 * present this seems to be a necessary sacrifice an elegant/compatible way around this.
 * 
 * @created	JJM 2006-09-10
 * @updated	JJM 2007-02-06
 */

/* normal shadow */

.shadow {
	background: url(/img/shadow.png) no-repeat bottom right !important;
	background: url(/img/shadow.gif) no-repeat bottom right;
	margin: 6px 0 0 6px; padding: 0;
	z-index: 200;
	/*border: 1px solid blue;*/
}

.shadow .inner {
	position: relative;
	bottom: 6px; right: 6px;
	margin: 0; padding: 0;
}

/* popup div shadow */

div.popup {
	position: absolute;
	background: url(/img/shadow.png) no-repeat bottom right !important;
	background: url(/img/shadow.gif) no-repeat bottom right;
	/*margin: 6px 0 10px 10px !important;
	margin: 6px 0 10px 5px;*/
	margin: 6px 0 0 6px;
	padding: 0;
	z-index: 200;
}

div.popup div.inner {
	position: relative;
	bottom: 6px; right: 6px;
	background: url(/img/bk_ribbed.gif) repeat left top;
	border: 1px solid #888;
	margin: 0;
	padding: 0px;
}

div.popup div.inner {
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin: 0px 0px 0px 0px;
}

/* modifications for tall shadow */

div.popup.side {
	background: url(/img/alpha_shadow_h.png) repeat-x bottom right !important;
}

div.popup div.side {
	position: relative;
	bottom: 6px;
	background: url(/img/alpha_shadow_v.png) repeat-y bottom right !important;
}

div.popup div.side div.inner { bottom: 0; }

div.popup div.inner { overflow-y: auto; overflow-x: hidden; }

/* popup menus */

div.popup div.inner span.title {
	display: block;
	text-align: center;
	background-color: lightgray;
	padding: 2px;
	border-bottom: 1px solid gray;
}

div.popup ul {
	list-style: none;
	padding: 0; margin: 0;
}

div.popup ul li {
	padding: 2px 20px 2px 10px;
	margin: 0;
	cursor: pointer;
	white-space: nowrap;
}

div.popup ul li.selected { background: #3d80df;; color: white;; border-color: #3d80df;; }
div.popup div.buttons { text-align: right; }

/*--------------------------------------------------------------------------------
 * PANEL
 *--------------------------------------------------------------------------------*/

div.panel {
	background: url(/img/bk_ribbed.gif) repeat left top;
	border: 1px solid #888;
	padding: 10px;
}

/*--------------------------------------------------------------------------------
 * TABLES
 *--------------------------------------------------------------------------------*/

div.table {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	overflow: auto;
}

table.table td input {
	font-size: 11px;
	display: inline;
}

table.table td input[type=checkbox] {
	padding: 0; margin: 0;
}

/* table */

table.table {
	font-size: 11px;
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
	background: white;
	padding: 0; margin: 0;
	cursor: default;
}

/* table head */

table.table thead tr {
	height: 16px;
	padding: 0; margin: 0;
}

table.table thead th {
	/*background: url(/img/bk_bar_light.gif) repeat left top;*/
	border-bottom: 1px solid gray;
	border-left: 1px solid #ccc;
	padding: 0px 2px;
	height: 16px;
	white-space: nowrap;
	text-align: center;
	overflow: hidden;
}

table.table.sortable thead th { cursor: pointer; }

table.table thead th:first-child {
	border-left: none;
}

table.table thead th.ascend, table.table thead th.descend {
	background: url(/img/bk_bar_blue.gif) repeat left top;
}

table.table thead th span.b {
	display: none;
	width: 11px;
	height: 15px;
	margin: 0 auto 0 3px;
	padding: 0;
	/*float: right;*/
}

table.table thead th.ascend span.b {
	display: inline;
	background: url(/img/ascend_blue.gif) no-repeat center right;
}

table.table thead th.descend span.b {
	display: inline;
	background: url(/img/descend_blue.gif) no-repeat center right;
}

/* table rows */

/*table.table tbody tr*/.odd { background-color: #EDF3FE; }

table.table tbody tr td { border-bottom: 1px solid #fff; }
table.table tbody tr.odd td { border-bottom: 1px solid #EDF3FE; }

table.table tbody tr.selected { background: #c0c0c0;; color: black;; border-color: #c0c0c0;; }
.focused table.table tbody tr.selected, table.table.focused tbody tr.selected { background: #3d80df;; color: white;; border-color: #3d80df;; }

table.table.single-select tbody tr.selected { background: url(/img/mtable_row_blured.png) repeat-x left center; color: white; }
.focused table.table.single-select tbody tr.selected, table.table.focused tbody tr.selected { background: url(/img/mtable_row.png) repeat-x left center; color: white; }

/*table.table tbody tr:hover {
	background-color: #fee;
}*/

/* table cells */

table.table tbody td {
	border-left: 1px solid #d9d9d9;
/*	border-bottom: 1px solid transparent;*/
	padding: 4px;
	overflow: hidden;
}

table.table tbody tr.selected td { border-bottom: 1px solid #e0e0e0; }

table.table tbody tr td:first-child { border-left: none; }
table.table tbody tr:first-child td { border-top: none; }

/* dragging */

table.table thead th.dragging {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	cursor: move;
	opacity: 0.8;
}

table.table thead th.drag-col span.b {
	background: transparent;
}

table.table thead th.drag-col, table.table tbody td.drag-col {
	background: #eee;
}

table.table tbody tr.odd td.drag-col {
	background-color: #edf3fe;
}

/* columns */

table.table th#col-check {
	background: url(/img/drop_down.gif) no-repeat center center;
	cursor: pointer;
}

table.table th#col-buttons {
	cursor: default;
}

/*--------------------------------------------------------------------------------
 * PREFERENCES
 *--------------------------------------------------------------------------------*/

div.prefs input {
	font-size: 12px;
}

div.prefs h2 {
	text-align: center;
}

div.prefs div.section h3 {
	margin-bottom: 4px;
	text-align: left !important;
}

div.prefs h3 span.sub {
	float: right;
	color: blue;
}

div.prefs div.section {
	border-bottom: 1px solid gray;
	padding: 4px;
}

div.prefs div.section span.update, div.prefs div.section span.pinwheel {
	float: right;
}

div.prefs div.buttons {
	padding: 4px 4px 0 0;
}

div.prefs .valid { background-color: #cfc; }
div.prefs .invalid { background-color: #fcc; }
div.prefs option { background-color: white; }

div.prefs div.flash {
	display: none;
}

/* */

div.pref {
	height: 20px;
	font-size: 12px;
	padding: 2px;
}

div.pref span {
	line-height: 20px;
}

div.pref span.label {
	float: left;
	width: 175px;
	text-align: right;
	padding-right: 4px;
	font-weight: bold;
}

div.pref span.pref {
	float: left;
	overflow: auto;	/* fixes FireFox bug where blinking input caret does not show in input box */
}

div.pref span.btn-help {
	float: right;
	margin-top: 2px;
}

div.pref span.pref input[type='text'], div.pref span.pref input[type='password'] {
	height: 14px;
	font-size: 12px;
	width: 275px;
	padding: 1px 3px;
}

div.pref span.pref select {
/*	padding-left: 3px;*/
}

div.prefs div.help {
	display: none;
	margin-left: 179px;
	font-size: 11px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: white;
	border: 1px solid gray;
}

div.prefs div.help p {
	padding: 0; margin: 0;
}

div.prefs div.section div.buttons {
	margin-left: 179px;
	text-align: left;
	padding: 3px 3px;
}

div.prefs div.section div.buttons input {
	margin-right: 4px;
}

div.prefs div.pref .update { margin-right: 3px;}
div.prefs .update { display: none; }
div.prefs .updating .update { display: block; }

/*--------------------------------------------------------------------------------
 * FORM
 *--------------------------------------------------------------------------------*/

.desc { font-style: italic; margin: 0 4px 4px 4px; text-align: center; }
.desc p { padding: 0; margin: 0; }

form.frm { padding: 10px; }
form.frm.refreshing div.btns, form.frm.updating div.btns { background: url(/img/indicator.gif) no-repeat left center; }

/* table */

/*table.frm {	border-collapse: collapse; }*/

table.frm th.l { text-align: right; }
table.frm th.tl { text-align: right; vertical-align: top; }

table.frm td.frml, table.frm td.lbl, table.frm th {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	padding-right: 4px;
}

table.frm tr.th td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

table.frm td.top, table.frm th.top { vertical-align: top; }

table.frm td.desc { font-style: italic; }
table.frm td.desc p { padding: 0; margin: 0; }

table.frm {
	border: 1px solid gray;
	-webkit-border-radius: 3px;    /* for Safari */
	-moz-border-radius: 3px;       /* for Firefox */
	border-collapse: collapse;
}

table.frm th {
	background: #eee;
	border-right: 1px solid gray;
	padding: 4px 10px 5px 14px;
}

table.frm td {
	background: white;
	min-width: 50px;
	padding: 4px 10px;
}

/* */

.frm > div.head {
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.frm > div.head h2 {
	text-align: center;
	font-size: 18px;
}

.frm > div.head h4 {
	font-weight: normal;
	font-style: oblique;
	text-align: center;
	font-size: 12px;
}

.frm > div.head h4 p { margin: 0; padding: 0; }


.frm > div.head h3 {
	text-align: right;
	color: blue;
}

.frm > div.head h3 span.sub {
	float: left;
	color: black;
}

.frm > div.sect {
	border-bottom: 1px solid gray;
	padding: 10px 0;
}

.frm > div.btns {
	margin-top: 10px;
	text-align: right;
}

.frm > div.btns input {
	margin: 0 3px;
}

.frm > div.btns .l { float: left; }
.frm > div.btns .r { float: right; }

/*--------------------------------------------------------------------------------
 * EDITOR
 *--------------------------------------------------------------------------------*/

table.editor {
/*	background-color: #f7f7f7;*/
	font-size: 12px;
}

table.editor th,
table.editor td {
	padding: 5px 1px 1px;
	vertical-align: center;
}

table.editor tbody tr th {
/*	color: rgb(102, 102, 102);*/
	font-weight: bold;
	padding-left: 8px; padding-right: 12px;
	text-align: right;
/*	width: 150px;*/
	vertical-align: middle;
}

table.editor tbody tr.header th {
	text-align: center;
}

.editor label {
	color: black;
	font-weight: bold;
}

/*----------------------------------------------------------------------------------*
 * BASIC FORM
 *----------------------------------------------------------------------------------*/

form.bfrm {
	padding: 0;
	border: 1px solid #222;
	background: url(/img/bk_ribbed.gif) repeat left top;
}

/* heading */

form.bfrm > h1 {
	background: #fff;
	background: url(/img/gradients.png) repeat-x 0 -55px;
	border-bottom: 1px solid #848484;
	/* height: 36px;*/ /* IE7 treats as inline element if height specified */
	line-height: 36px;
	margin: 0; padding: 0;

	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

form.bfrm > div.desc {
	padding-top: 3px;
	font-style: italic;
	text-align: center;
}

div.desc {
	padding-top: 3px;
	font-style: italic;
	text-align: center;
}

/* buttons */

form.bfrm > div.btns {
	background: url(/img/gradients.png) repeat-x 0 -55px;
	border-top: 1px solid #848484;
	/*height: 36px;*/ /* IE7 treats as inline element if height specified */
	line-height: 36px;
	margin: 0; padding: 0;
	text-align: center;
}

/* update indictor */

form.bfrm > div.btns { padding-right: 32px; } /* compensate for span.pinwheel floating left */

form.bfrm > div.btns span.pinwheel {
	background: url(/img/indicator.gif) no-repeat left center;
	width: 16px; height: 16px;
	margin: 10px 0 10px 6px;
	float: left;

	/* formatting if text is embedded in tag */
	padding-left: 20px;
	line-height: 16px;
/*	font-weight: bold;*/
	color: blue;

	visibility: hidden; /* hide until updating */
}

form.bfrm.updating div.btns > span.pinwheel,
form.bfrm.refreshing div.btns > span.pinwheel { visibility: visible; }

/* fieldset */

form.bfrm > fieldset, fieldset.bfrm, form.bfrm > fieldset fieldset, fieldset.bfrm fieldset {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 6px;
}

form.bfrm > fieldset, fieldset.bfrm {
	margin: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*form.bfrm > fieldset:last-child { padding-bottom: 0; }*/

/* nested fielset */

form.bfrm > fieldset > fieldset, fieldset.bfrm > fieldset {
	margin: 10px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background: #e4e4e4;
}

/*----------------------------------------------------------------------------------*
 * DRAGGABLE ADJACENT BOXES
 *----------------------------------------------------------------------------------*/

/* boxes */

div.boxes { background: #aaa; }

/* box */

div.boxes div.box {
	position: absolute;
	top: 0; bottom: 0;
	border-left: 1px solid #404040;
	background: white;
}

div.boxes div.box.dragging {
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	cursor: move;
	opacity: 0.8;
	z-index: 200;
}

/* box positions */

/**
 * The z-index is in there to ensure the border-left of div.box
 * properly shows by overlapping the box to left of it.
 */
div.boxes div.s0 { left: 0; right: 500px; z-index: 0; border-left: none; }
div.boxes div.s1 { left: 250px; right: 250px; z-index: 1; }
div.boxes div.s2 { left: 500px; right: 0; z-index: 2; }

/*div.boxes div.s0 { left: 0; right: 67%; z-index: 0; border-left: none; }
div.boxes div.s1 { left: 33%; right: 34%; z-index: 1; }
div.boxes div.s2 { left: 66%; right: 0; z-index: 2; }*/

/* head */

div.boxes div.head {
	position: absolute;
	left: 0; right: 0;
	top: 0; height: 20px;
	background: #ddd;
	border-bottom: 1px solid black;
	padding: 3px;
	text-align: center;
}

div.boxes div.head span.handle {
	display: block;
	position: absolute;
	left: 0; width: 8px;
	top: 0; height: 26px;
	background: lightgray url(/img/bk_handle.gif) repeat center left;
	border-right: 1px solid gray;
	padding: 0;
	margin-right: 2px;
	cursor: move;
}

div.boxes span.s0, div.boxes span.s1, div.boxes span.s2
{
	float: left; margin-left: 12px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

div.boxes div.s0 span.s1, div.boxes div.s0 span.s2 { display: none; }
div.boxes div.s1 span.s0, div.boxes div.s1 span.s2 { display: none; }
div.boxes div.s2 span.s1, div.boxes div.s2 span.s0 { display: none; }

div.boxes div.head select {
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
}

div.boxes div.head select option { font-weight: normal; }

div.boxes span.btn-remove {
	display: block;
	position: absolute;
	top: 0;	right: 0;
	background: url(/img/browse_remove.png) no-repeat center left;
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 4px 3px;
}

/* ul */

div.boxes div.box ul {
	position: absolute;
	left: 0; right: 0;
	top: 27px; bottom: 27px;
	overflow: auto;

	background: white;
	list-style: none;
	padding: 0; margin: 0;
	font-size: 11px;
}

div.boxes div.box ul li {
	padding: 3px 2px 2px 3px; margin: 0;
	white-space: nowrap;
	cursor: default;
}

/* foot */

div.boxes div.foot {
	position: absolute;
	left: 0; right: 0;
	bottom: 0; height: 20px;
	background: #ddd;
	border-top: 1px solid black;
	padding: 3px;
	text-align: center;
}

div.boxes div.foot input {
	margin-top: 0;
	float: right;
}

div.boxes div.foot select {
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

div.boxes div.foot select option { font-weight: normal; }

/* updating */

div.boxes div.box ul.updating { background: url(/img/indicator.gif) no-repeat center center; }
div.boxes div.box ul.updating li { display: none; }


button.ui-datepicker-trigger {
	background: url(/img/calendar.png) no-repeat;
	width: 16px; height: 16px;
	border: none;
	padding: 0; margin: 5px 3px 0;
	text-indent: -2000px;
	overflow: hidden;
}

button.ui-datepicker-trigger.disable {
	background: url(/img/calendar.png) no-repeat 0 -16px;
}

button.ui-datepicker-trigger:active {
}

/*----------------------------------------------------------------------------------*
 * HEAD
 *----------------------------------------------------------------------------------*/

a#a-help {
	display: -moz-inline-box; display: inline-block;
	background: url(/img/help.png) repeat-x 0 0;
	height: 14px; line-height: 14px; padding: 0 3px;
	overflow: hidden; vertical-align: middle;
	font-size: 10px; color: white; text-transform: uppercase;
	border: 1px solid #e17135; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

/*----------------------------------------------------------------------------------*
 * CTRL-FIELDS
 *----------------------------------------------------------------------------------*/

/**
 * <div class="mtable ctrl-fields">
 *		<table>
 *		</table>
 * </div>
 */

/*div.ctrl-fields table.mtable { border-collapse: separate; border-spacing: 0; }*/ /* IE7 displays separate incorrectly */
div.ctrl-fields table.mtable th { text-align: left; }
div.ctrl-fields tr span.btn-add { display: none; }

div.ctrl-fields tr.tpl { display: none; }
div.ctrl-fields tr.add td { border-top: 1px solid #ccc; background-color: white; }
div.ctrl-fields tr.add span.btn-delete { display: none; }
div.ctrl-fields tr.add span.btn-add { display: block; }

/* add / delete indicator */
div.ctrl-fields tr.v-add { background: #5f5; color: #000; }
div.ctrl-fields tr.v-delete { background: #f55; color: #000; }
div.ctrl-fields tr.v-modify td.col-handle { background-color: #5f5; }
div.ctrl-fields tr.v-delete span.btn-delete { display: none; }
div.ctrl-fields tr.v-delete span.btn-add { display: block; }

/* dragging */
div.ctrl-fields th.col-handle { width: 10px; }
div.ctrl-fields td.col-handle {
	width: 10px;
	background: url(/img/handle_horz.png) no-repeat 3px;
	cursor: move;
}
div.ctrl-fields tr.dragging {
	background: gray;
	color: white;
}


#error_wrapper {
background:none repeat scroll 0 0 #FFFFFF;
border:medium none #FAFAFA;
display:block;
margin-top:20px;
padding:10px;
}

#error_wrapper a {
margin-left:10px;
}

.faulty_field, .validation-failed {
background:none repeat scroll 0 0 #FFF4F4 !important;
border:1px solid #FF0000 !important;
color:#FF0000;
}

textarea.helpTextarea {
	background-color:white;
	border:1px solid #50585F;
	color:black;
	font-family:arial,Verdana;
	font-size:11px;
	font-weight:bold;
	overflow:auto;
	padding:2px;
	text-decoration:none;
}

div.view-albums div.btn-download-album {
	display:block;
	background: url(/img/album_download_def.png) no-repeat;
	margin: 0px 0px 0px 20px; 
	cursor: pointer;
	background-position:30px 0px;
	text-align:center;
	height:17px;
}

#ply_meta .ply_btns {
	left: -177px;
	position: relative;
	top: -14px;
}

#ply_meta .btn-add {
	position:relative;
}

#ply_meta .btn-info {
	position:relative;
}

#ply_meta .btn-download {
	position:relative;
}
#ply_meta .btn-download-album {
    position: relative;
}

#ply_meta #txt-spectral {
	position:relative;
	top:55px;
	background:none;
	font-weight:bold;
	margin-left:42%;
}

#ply_meta #txt-spectral div {
	margin-left:19px;
}



#ply_meta .ply_meta1 {
	margin-top:5px;
}


/* login.css */

/*----------------------------------------------------------------------------------*
 * MusicMiner Web Server															*
 * Name:		app/html/css/login.css												*
 * Author:		Jesse J Morrow	(jesse@jessejmorrow.com)							*
 * Created:		2006-08-24															*
 * Updated:		2009-01-20															*
 * 																					*
 * Compat:		CSS																	*
 * Copyright:	Copyright 2006-2009 Soundminer Inc.									*
 *																					*
 * Purpose:		The login page stylesheet.											*
 *----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 * LOGIN PAGE / FORGOT PAGE
 *--------------------------------------------------------------------------------*/

html { overflow: auto; }
body#login, body#forgot { overflow: auto; background: #fff;; }

div#logo {
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 4px;
	width: 300px; height: 152px; background: url("/img/logo.gif");;
	background-color:white;
}

/* Layout */

div#login-box, dl#browser-pref, div#browser-support, div#copy, div#forgot-box { width: 395px; margin: 7px auto; }
div#wrap { margin: 60px auto 20px auto; text-align: center; }

/* Dialog */

div.dialog {
	padding: 15px 20px 10px 20px;
	text-align: left;
	border-width: 8px; border-style: solid; border-color: #bbb;;
	background: #e8eefa;;
}

div.dialog #flash { margin-top: 4px; }

div.dialog h1 { margin-bottom: 20px; }
div.dialog form dl { margin: 10px 0 0 0; }

div.dialog form dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	margin-right: 3px;
}

div.dialog form dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #000;
	margin-left: 80px;
}

div.dialog input { font-size: 14px; }
div.dialog form dd span { color: #000; }
div.dialog input#username, div.dialog input#password { width: 290px; }

div.dialog input#password {
	vertical-align: middle;
	margin-right: 5px;
}

div.dialog div.alert-good,
div.dialog div.alert-bad { margin: 10px 0 20px 0; }

/* Register */

div#register {
	margin-top: 13px;
	border-top: 1px solid gray;	
	text-align: center;
}
div#register a { font-size: 1.5em; }

div#public {
	margin-top: 13px;
	border-top: 1px solid gray;	
	text-align: center;
}
div#public a { font-size: 1.5em; }

div#copy { margin-top: 10px; }

/* Versions */

div#mm-version, div#versions, div#browser { display: none; }
.version div#mm-version, .version div#versions, .version div#browser { display: block; }

/* Browser Support */

body.browser-support div#login-box,
body.browser-version div#login-box,
body.browser-support dl#browser-pref,
body.browser-version dl#browser-pref { display: none; }

div#browser-support div.msg { padding-top: 10px; text-align: center; }
div#browser-support div.msg p {
	margin: 0; padding: 0;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
}

div#browser-support div.msg h4 {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#browser-support div.msg dt { font-weight: bold; }
div#browser-support div.msg dd { text-align: center; margin-left: 0; }

div#browser-support div.msg ul {
	display: inline-block;
	text-align: left;
	margin-top: 1px;
	margin: 1px auto;
}

div#browser-support div.msg ul li { text-align: left; }

/*----------------------------------------------------------------------------------*
 * REGISTER
 *----------------------------------------------------------------------------------*/

body#register div.mdialog { position: relative; }
body#register div.mdialog > div > div { padding: 0; border: none; }

form.view-register {
	width:500px;
	margin:auto;
}
form.view-register div.btns input { font-size: 1.5em; }
form.view-register { text-align: left; }
form.view-register div.desc { margin-bottom: 12px; }
form.view-register div#flash { margin: 0 4px; }
form.view-register table.frm input { width: 200px; }
form.view-register table.frm input#region, form.view-register table.frm input#phone, form.view-register table.frm input#phone_cell, form.view-register table.frm input#phone_fax {
	width:130px;
}

form.view-register table.frm input#postal_code {
	width: 90px;
}

form.view-register table.frm th { width: 140px; }
form.view-register table.frm td { padding-right: 10px; }
form.view-register fieldset { padding: 10px; }
form.view-register div#flash { display: none; }

/* BEGIN: licensing box */

#terms_display {
	color:#909090;
	width:444px;
	overflow:auto;
	height:70px;
	padding:5px;
	margin:0px auto;
}

#primary_license_agreement, #secondary_license_agreement {
	cursor:pointer;
}

#primary_license_agreement:hover, #secondary_license_agreement:hover {
	text-decoration:underline;
	color:#444;
}

/* END: licensing box */