

.highlight { 
	background-color:rgba(255, 239, 99, 0.56); /*rgba(216, 155, 52, 0.41)*/
}


/* --- Tabs --- */
.mp3j-tabbuttons-wrap {
	position:relative;
	border:0; 
	min-height:30px;
	padding:0px 0 10px 0px; 
	width:auto; 
	overflow:visible;
}
	.mp3j-tabbutton { 
		float:left; 
		padding:6px 24px 6px 22px; 
		font-size:12px; 
		margin:0;
		background:#e6e6e6; 
		font-weight:700; 
		-webkit-border-top-left-radius: 1px;
		-webkit-border-top-right-radius: 1px;
		-moz-border-radius-topleft: 1px;
		-moz-border-radius-topright: 1px;
		border-top-left-radius: 1px;
		border-top-right-radius: 1px;
		border-bottom:1px solid #fcfcfc;
		cursor:pointer;
		color:#888;
		-moz-user-select: 	-moz-none;
	   -khtml-user-select: 	none;
	   -webkit-user-select: none;
	   -ms-user-select: 	none;
	   user-select: 		none;
	}
	.mp3j-tabbutton:hover {
		background:#e6e6e6;
		text-decoration:underline;
	}
	.active-tab	{
		border:1px solid #c8c8c8;
		border-bottom:0px;
		padding:6px 23px 6px 21px;
		color:#333;
		font-weight:700;
		background:none;
		margin-top:-1px;
	}
	.active-tab:hover	{
		background:none;
		text-decoration:none;
	}
	
.mp3j-tabs-wrap { 
	position:relative;
	height:auto;
	padding:0;
}
	.mp3j-tab { 
		position:relative;
		height:auto;
		padding:0;
		background:#f1f1f1;
	}
		.tab-header { padding:2px 0 0 0; margin:0; width:100%; }
		.tabH { font-size:17px; font-style:italic; }
		.tabD { font-size:12px; font-style: italic; color:#999; } 

		.mp3j-tab label { font-weight:700; }

		.mp3j-tab .description { color:#aaa; }
		
		.mp3j-tab hr { margin-bottom:8px; }
		
		
.unselectable, .unselectable * {
   -moz-user-select: 	-moz-none;
   -khtml-user-select: 	none;
   -webkit-user-select: none;
   -ms-user-select: 	none;
   user-select: 		none;
}


table.vTop td { vertical-align:top; padding:0 10px 10px 0; }

table.fileList { border-collapse:collapse; margin:0 0 0 0; }
table.fileList tr { padding:0; }
table.fileList td { text-align:left; vertical-align:top; padding:0 10px 0 0; }
table.fileList td * { padding:0; margin:0; }
table.fileList th { text-align:left; padding:0 0 15px 0; }

.vTop { vertical-align:top; padding:0 10px 10px 0; }


div#library-list, 
div#folder-list {
	position:relative;
	padding:10px 20px 15px 20px;
	margin:0px 0px 0px 0px;
	background:#f9f9f9;
	border:1px solid #eee;
}


.absTL { position:absolute; top:-1px; left:-1px; width:100%; }



/* ---  --- */
	#sizer {
		position:relative;
		min-width: 40px;
		width: 656px;
		border:1px solid #999;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.3);
		overflow:hidden;
		height:270px;
		margin:10px 0 25px 0;
	}
	#display_player_liner {
		padding:45px 40px 40px 40px;
		width:auto;
		height:100%;
		background:url('images/admin-colours-bg.png') repeat;
	}

	.ui-resizable {
		position: relative;
	}
	.ui-resizable-handle {
		position: absolute;
		font-size: 0.1px;
		display: block;
	}
	.ui-resizable-disabled .ui-resizable-handle,
	.ui-resizable-autohide .ui-resizable-handle {
		display: none;
	}
	.ui-resizable-s {
		cursor: s-resize;
		height: 20px;
		width: 100%;
		bottom: -10px;
		left: 0;
		background:none;
	}
	.ui-resizable-e {
		cursor: e-resize;
		width: 20px;
		right: -10px;
		top: 0;
		height: 100%;
		background:none;
	}
	.ui-resizable-se {
		cursor: se-resize;
		width: 40px;
		height: 40px;
		right: 1px;
		bottom: 1px;
		background:url('images/resizable-handle.png') no-repeat right bottom;
	}

	
	.quietInput {
		background:#fcfcfc !important;
		border-color:#f0f0f0 !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;
		color:#d6d6d6 !important;
	}
	.quietText { color:#d6d6d6 !important; }

	
	
	
	.savewrap {
		position:relative;
		padding:10px 0px 10px 0px;
	}
	
	
	
	
	
	.patch { 
		position:relative;
		border:1px solid #aaa; 
		background:url('images/patchbg.png') repeat-x left -35px;
		width:85px; height:25px; 
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		overflow:hidden;
		margin:2px 0 1px 0;
	}
	
	.PatchCol {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		cursor:pointer;
	}
	
	.plus, .minus { 
		position:absolute;
		background:#f9f9f9;
		color:#444;
		height:100%;
		top:0;
		cursor:default;
	}
	.plus { right:0; border-left:1px solid #b8b8b8; background-image:url('images/drop3.png'); background-position:6px 5px; background-repeat:no-repeat;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-bottomright: 2px;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
		width:21px;
		}
	.minus { left:0; border-right:1px solid #b8b8b8; background-image:url('images/minus2.png'); background-position:3px 6px; background-repeat:no-repeat;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
		width:20px;
	}
	
	.activePicker { background-color:#ffd14e; border-top:1px solid #95700a; border-left:2px solid #95700a; }
	
	
	table.colours {}
	

	
	table.colours tr{ padding:0 0 0 0; }
	
	table.colours td { padding:0 14px 8px 0; line-height:110%; }
	
	
	
	.testingSettings {
		position:absolute;
		top:0;
		left:0;
		height:30px;
		padding:5px;
		z-index:50px;
	}
	.testingSettingsBottom {
		position:relative;
		margin:0px 0 20px 0;
		padding:5px 0 0 0;
	}
	.testingSettingsBottom * { font-size:11px; }
	
	th { text-align:left; font-size:11px; line-height:110%; }
	
	

	
.format-button-B, .format-button-i { border:1px solid #c0c0c0; border-bottom:2px solid #909090; border-right:2px solid #909090; background:#d9d9d9; font-family:'Times New Roman', times, sans-serif; line-height:150%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.format-button-B { font-weight:700; padding:2px 5px 2px 5px;  }
.format-button-i { font-style:italic; padding:2px 7px 2px 7px; }
	
.formatOn {
	border-top:2px solid #909090;
	border-left:2px solid #909090;
	border-bottom-width:1px;
	border-right-width:1px;
	background:#f0f0f0/*ffd14e*/;
}	
.format-button-B.formatOn { padding:1px 6px 3px 4px; }
.format-button-i.formatOn { padding:1px 8px 3px 6px; }	
	
/* --- Font sliders	--- */
.sliderWrap {
	position:relative;
	width:100%;
	height:20px;
}

.fontSizeSlider { 
	position:absolute; font-size:1px; cursor:default; width:95px; height:2px; border-bottom:1px solid #f8f8f8; border-top:1px solid #bbb; top:8px;
}




.fontSizeSlider .ui-widget-header,
.fontSizeSlider .ui-widget-content { 
	border:0px !important; background:#777;
}
.fontSizeSlider .ui-slider-horizontal {
	top:0px; bottom:0px; height:auto; z-index:90; background:#ddd;
}
.fontSizeSlider .ui-slider-handle { 
	top:-8px !important; margin-left:-4px !important; border:1px solid #909090; bottom:-8px !important; height:auto !important; width:8px; z-index:100; background:#f9f9f9; cursor:default ; padding:0px !important; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.fontSizeSlider .ui-slider-handle:hover { 
	background:#fcfcfc; z-index:100;
}


.VsliderWrap {
	position:relative;
	width:20px;
	height:100px;
}
.vertSlider { 
	position:absolute; font-size:1px; cursor:default; width:2px; height:100px; border-right:1px solid #fcfcfc; border-left:1px solid #bbb; background:#ddd;
}
.vertSlider .ui-widget-header,
.vertSlider .ui-widget-content { 
	border:0px !important; background:#777;
}
.vertSlider .ui-slider-vertical {
	left:0px; right:0px; z-index:90; background:#f00; height:100px;
}
.vertSlider .ui-slider-handle { 
	left:-9px; margin-top:-4px !important; border:1px solid #909090; right:-8px; height:8px; z-index:100; background:#f9f9f9; cursor:default ; padding:0px !important; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

.vertSlider .ui-slider-range { /* shit man jquery-ui is painful */
	border:0px; background:#777; width:2px;
}



.ui-state-disabled .ui-slider-handle,
.ui-slider-disabled .ui-slider-handle { border:1px solid #ddd;  background:#f3f3f3; }

.ui-state-disabled .ui-widget-header,
.ui-state-disabled .ui-widget-content {
 background:#eee;
}








.fL { float:left; }
.fR { float:right; }
.f500 { font-weight:500 !important; }
.f700 { font-weight:700; }


/* ====================================================================================== */










a.fox_buttonlink { 
	background:#eaf2fa; 
	border:1px solid #afcfdb; 
	padding:1px 12px 2px 10px; 
	text-decoration:none; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	a.fox_buttonlink:hover { background:#dbeafa; border:1px solid #99bac7; color:#222; }

	a.bl2 { padding:0px 31px 1px 31px; }






div.wrap { 
	border: 0px solid #FF3300;
	margin:0px 10px 0 20px;
	max-width:1200px;
}
	div.wrap p { margin:0 0 4px 0; }
	div.wrap h1 { font-weight:500; font-size: 22px; line-height:22px; margin:20px 0 5px 0; padding:0; }
	div.wrap h2 { font-size: 10px; line-height:10px; margin:0; padding:0; }
	div.wrap h3 { margin:0 0 8px 20px; } 
	div.wrap h4 { margin:20px 0 0px 0; }
	
	div.wrap p.jtick { 
		margin:0 0 2px 24px; 
	}
	div.wrap p.jtick2 { 
		margin:0 0 2px 35px; 
	}
	div.wrap p.jtext { 
		margin:0 0 10px 20px; 
	}
	
	.joptionswrap {
		border-top:0px solid #eee;
		margin:30px 0 40px 0px;
	}
		.joptionswrap h4 {
			margin:6px 0 3px 0;
			width:250px;
		}
		.jopbox {
			border:1px solid #f0f0f0;
			padding:10px 20px;
			margin-bottom:15px;
			min-width:550px;
		}
		a.bl3 { 
			display:block;
			width:200px;
			padding:0 0 0 20px;
			margin:5px 0 1px 0;
			/* background:#f0f0f0; 
			border:1px solid #d0d0d0;
			color:#696969; */
		}
			a.bl3:hover { /* background:#e9e9e9; border:1px solid #c9c9c9; color:#606060; */ }

.clearB { clear:both; }
.Ahelp1 { float:left; width:300px; border-top:0px solid #ccc; }

#tog_0-list p { margin:10px 0 10px 0; }
#tog_0-list h4 { margin:10px 0 10px 0; }

