h1{text-align:center;font-size:24px;padding-top:30px;padding-bottom:30px;}
h2{text-align:left;font-size:18px;padding-top:10px;padding-bottom:20px; padding-left:10px;font-weight:bold}
h3{text-align:left;font-size:15px;padding-top:10px;padding-bottom:5px; font-weight:bold}

li.menu-text a{
	color:#000;
	padding-left:0;
}
.prev-comment{font-size:12px;padding:0;margin:0}
.prev-comment .header{margin:0;color:#666}
.prev-comment .comment{margin-top:0;color:#333}

.button-top-row {padding-bottom:24px; padding-top:20px;}

.red{color:red}
.green{color:green}
.orange{color:orange}
.silver{color:silver}


.launchpad-item-wrap{
	height:130px;
	border:1px solid #999;
	margin-top:20px;
	cursor:pointer;
}

.launchpad-item{
	display:block;
	padding:5px 0;
	text-align:center;
	font-size:1.1em;
	background-color:#eee;
}
.launchpad-item-wrap p{
	font-size:12px;
	padding:10px 5px 10px 5px;
	text-align:center;
}

.cat-launchpad-item-wrap{
	height:350px;
	border:1px solid #999;
	margin-top:30px;
	cursor:pointer;
}

.cat-launchpad-item{
	display:block;
	padding:10px 0;
	text-align:center;
	font-size:1.1em;
	background-color:#eee;
}
.cat-launchpad-item-wrap p{
	font-size:14px;
	padding:20px 15px 15px 15px;
	text-align:center;
}


span.dialog-warn{font-size:.9em;color:red;display:none}


.editoricons{
	font-size:1.1em;
	padding:4px;
	display:block;float:left
}

.editoricons.comments{
	padding-top:2px;
}

.editoricons.edit {margin-top:1px}

.editoricons.disabled{color:#999;cursor:default}

.editoricons.alert{color:red;cursor:default}
.editoricons.delete{color:red}

.input-group-label {min-width:106px}
.form-error {margin-top:4px; text-align:center}



.progress-bar {
  background: green;
  filter: none;
}

.row-button{margin-top:8px;min-width: 60px;}



body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}


div.statusMarkerLg{font-size:13px;padding-left:2px; padding-bottom:10px}
div.statusMarker{display:inline-block;width:80px;height:30px;font-size:11px;line-height:24px;vertical-align:middle;text-align:center}
div.statusMarker.accepted, div.statusMarkerLg.accepted{color:green}
div.statusMarker.rejected, div.statusMarkerLg.rejected{color:red}
div.statusMarker.change, div.statusMarkerLg.change{color:orange}
div.statusMarker.review, div.statusMarkerLg.review{color:gray}

ol.vertical { margin: 0 0 15px 0;  min-height: 120px;border:1px solid #ccc;padding:8px}
ol.vertical li{display: block; margin: 5px; padding: 5px; border: 1px solid #CCC; color: #000; background: #efefef;cursor:pointer}
ol.vertical li.placeholder{ position: relative;  margin: 0; padding: 0; border: none}
ol.vertical li.placeholder:before { position: absolute; content: ""; width: 0; height: 0; margin-top: -5px; left: -5px; top: -4px; border: 5px solid transparent; border-left-color: red; border-right: none}



td.rowPlayerCell{min-width:60px;}
#submissions-table td.rowPlayerCell, #tracks-hold-table td.rowPlayerCell{min-width:0;padding-left:50px}
#submissions-table td.rowPlayerCell, #tracks-hold-table td.rowPlayerCell{cursor:pointer;background: transparent url(../assets/circle-show.png) no-repeat left center}
#submissions-table tr.shown td.rowPlayerCell, #tracks-hold-table tr.shown td.rowPlayerCell{cursor:pointer;background: transparent url(../assets/circle-hide.png) no-repeat left center}


.controls{text-align:center;background-color:#333;padding:4px 0}
.controls button {margin:4px 8px; color:#efefef;font-size:.9em}
.controls button.active {color:#ccc; }
.audioinfo {display:inline-block;margin:0 4px;color:#333; font-size:.9em;}
.waveloading{text-align:center;margin-top:20px;}

/* ROW PLAYER STYLES */
.rowPlayer .waveform{background:transparent}
.rowPlayer .audioinfo{display:inline-block;margin:0 4px;color:#333; font-size:.9em;}
.rowPlayControls{text-align:center;background-color:#333;padding:4px 0}
.rowPlayControls button {margin:4px 8px; color:#efefef;font-size:.9em}
.rowPlayControls button.active {color:#ccc; }

.playerLyrics {
	font-size:11px;
	padding-top:10px;
	color:#333;
}

.playerTextArea{
	white-space: pre-wrap;
	height:120px;
	font-size:11px;
}

.row.encased{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #aaa;
	padding:10px;
	margin:10px 0;
}

#notifyPopup ul {
	list-style: none;
	padding:0;
	margin:0;
}

#notifyPopup ul li, #notifyPopup ul li a{
	font-size:12px;
	padding-left:0;
	line-height:14px;
	padding:3px 0 18px 0;
	outline:none;
}


div.top-bar{background:white;border-bottom:1px solid #ccc}
ul.menu{background:white;}

legend {
	font-weight: bold
}